1. Component Guide
  2. Highlight boxes
  3. Featured card
Highlight boxes example

Featured card

Used to highlight a specific content item within the highlight boxes, e.g: the most popular.

How it looks (preview)

  1. Becoming an apprentice

    Becoming an apprentice - what to expect, apprenticeship levels, pay and training, making an application, complaining about an apprenticeship

  2. Becoming an apprentice

    Becoming an apprentice - what to expect, apprenticeship levels, pay and training, making an application, complaining about an apprenticeship

How to call this example

<%= render "govuk_publishing_components/components/highlight_boxes", {
  items: [
    {
      link: {
        text: "Becoming an apprentice",
        path: "/becoming-an-apprentice",
        description: "Becoming an apprentice - what to expect, apprenticeship levels, pay and training, making an application, complaining about an apprenticeship",
        featured: true
      },
      metadata: {
        document_type: "Speech",
        organisation: "DfE and Ofqual",
        public_updated_at: "2016-06-27 10:29:44 +0000"
      }
    },
    {
      link: {
        text: "Becoming an apprentice",
        path: "/becoming-an-apprentice",
        description: "Becoming an apprentice - what to expect, apprenticeship levels, pay and training, making an application, complaining about an apprenticeship"
      },
      metadata: {
        document_type: "Speech",
        organisation: "DfE and Ofqual",
        public_updated_at: "2016-06-27 10:29:44 +0000"
      }
    }
  ]
} %>