Contents list example

Without ga4 tracking

Disables GA4 link tracking on the list. Tracking is enabled by default.

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/contents_list", {
  disable_ga4: true,
  contents: [
    {
      href: "https://www.gov.uk",
      text: "1. First thing",
      items: [
        {
          href: "#second-thing",
          text: "1. Nested Item"
        },
        {
          text: "2. Nested Item",
          active: true
        }
      ]
    },
    {
      href: "#first-thing",
      text: "2. Second thing",
      items: [
        {
          href: "#second-thing",
          text: "1. Nested Item"
        },
        {
          href: "https://www.gov.uk/browse",
          text: "2. Nested Item"
        }
      ]
    }
  ]
} %>