Featured example

With more than four items

When there are more than four items they are laid out in rows of three.

How it looks (preview)

Featured

Government does things, read all about it

This is what a single featured item looks like.

Government does things

This is what a single featured item looks like. We also need to test what happens when they're different heights.

Government does things

This is what a single featured item looks like.

Government does things

This is what a single featured item looks like.

Government does things

This is what a single featured item looks like.

How to call this example

<%= render "flexible_page/flexible_sections/featured", {
  items: [
    {
      href: "/not-a-page",
      image_alt: "some meaningful alt text please",
      image_src: "https://assets.publishing.service.gov.uk/government/uploads/system/uploads/feature/image/62756/s300_courts-of-justice.JPG",
      description: "This is what a single featured item looks like.",
      heading_text: "Government does things, read all about it"
    },
    {
      href: "/not-a-page",
      image_alt: "some meaningful alt text please",
      image_src: "https://assets.publishing.service.gov.uk/government/uploads/system/uploads/feature/image/62756/s300_courts-of-justice.JPG",
      description: "This is what a single featured item looks like. We also need to test what happens when they're different heights.",
      heading_text: "Government does things"
    },
    {
      href: "/not-a-page",
      image_alt: "some meaningful alt text please",
      image_src: "https://assets.publishing.service.gov.uk/government/uploads/system/uploads/feature/image/62756/s300_courts-of-justice.JPG",
      description: "This is what a single featured item looks like.",
      heading_text: "Government does things"
    },
    {
      href: "/not-a-page",
      image_alt: "some meaningful alt text please",
      image_src: "https://assets.publishing.service.gov.uk/government/uploads/system/uploads/feature/image/62756/s300_courts-of-justice.JPG",
      description: "This is what a single featured item looks like.",
      heading_text: "Government does things"
    },
    {
      href: "/not-a-page",
      image_alt: "some meaningful alt text please",
      image_src: "https://assets.publishing.service.gov.uk/government/uploads/system/uploads/feature/image/62756/s300_courts-of-justice.JPG",
      description: "This is what a single featured item looks like.",
      heading_text: "Government does things"
    }
  ]
} %>