Service Navigation example

With custom mobile toggle text

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/service_navigation", {
  toggle_text: "See the menu",
  navigation_items: [
    {
      text: "Navigation item 1",
      href: "#",
      active: true
    },
    {
      text: "Navigation item 2",
      href: "#"
    },
    {
      text: "Navigation item 3",
      href: "#"
    }
  ]
} %>