Contents list example

With branding

Where this component could be used on an organisation page (such as the Attorney General’s Office) branding can be applied for link colours and border colours. See the branding documentation for more details.

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/contents_list", {
  brand: "department-for-environment-food-rural-affairs",
  format_numbers: true,
  contents: [
    {
      href: "#first-thing",
      text: "1. First thing",
      items: [
        {
          href: "#second-thing",
          text: "2. Numbers not parsed"
        },
        {
          href: "#third-thing",
          text: "3. Numbers are just text"
        }
      ]
    }
  ]
} %>