Related Navigation example

With external related links

The component can accept other related links, such as external links or other contacts.

How it looks (preview)

Related content

How to call this example

<%= render "govuk_publishing_components/components/related_navigation", {
  content_item: {
    details: {
      external_related_links: [
        {
          url: "https://wikipedia.org",
          title: "Wikipedia 1"
        },
        {
          url: "https://wikipedia.org",
          title: "Wikipedia 2"
        },
        {
          url: "https://wikipedia.org",
          title: "Wikipedia 3"
        },
        {
          url: "https://wikipedia.org",
          title: "Wikipedia 4"
        },
        {
          url: "https://wikipedia.org",
          title: "Wikipedia 5"
        },
        {
          url: "https://wikipedia.org",
          title: "Wikipedia 6"
        },
        {
          url: "https://wikipedia.org",
          title: "Wikipedia 7"
        }
      ]
    }
  }
} %>