1. Component Guide
  2. Taxonomy list
  3. Default
Taxonomy list example

Default

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/taxonomy_list", {
  highlight_box: {
    inverse: true,
    items: [
      {
        link: {
          text: "If your child is taken into care",
          path: "/child-into-care",
          description: "Information on what to do if your child is taken into care"
        },
        metadata: {
          document_type: "Detailed guide"
        }
      },
      {
        link: {
          text: "High needs funding",
          path: "/high-needs-funding"
        },
        metadata: {
          document_type: "Guide",
          public_updated_at: "2016-06-27 10:29:44 +0000"
        }
      },
      {
        link: {
          text: "Student Finance",
          path: "/student-finance",
          description: "Student loan information"
        },
        metadata: {
          document_type: "Detailed guide"
        }
      },
      {
        link: {
          text: "If your child is taken into care",
          path: "/child-into-care",
          description: "Information on what to do if your child is taken into care"
        },
        metadata: {
          document_type: "Detailed guide"
        }
      }
    ],
    within_multitype_list: true
  },
  document_list: {
    items: [
      {
        link: {
          text: "If your child is taken into care",
          path: "/child-into-care"
        },
        metadata: {
          document_type: "Detailed guide"
        }
      },
      {
        link: {
          text: "High needs funding",
          path: "/high-needs-funding"
        },
        metadata: {
          document_type: "Guide"
        }
      }
    ],
    within_multitype_list: true
  }
} %>