Service Navigation example

With data attributes on items

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/service_navigation", {
  navigation_items: [
    {
      text: "Navigation item 1",
      href: "#",
      active: true,
      data: {
        module: "example",
        something_else: "hello"
      }
    },
    {
      text: "Navigation item 2",
      href: "#",
      active: true,
      data: {
        module: "example-2",
        something_else: "hello 2"
      }
    }
  ]
} %>