Sub navigation menu (experimental) example

Negative margin left on button

The button does not look perfectly aligned with the content by default, so this negative margin aligns the button chevron with the content.

How it looks (preview)

Secondary navigation menu

How to call this example

<%= render "govuk_publishing_components/components/sub_navigation_menu", {
  negative_margin_left_on_button: true,
  links: [
    {
      text: "Example Heading",
      links: [
        {
          text: "Hello world",
          href: "/hello-world"
        }
      ]
    },
    {
      text: "Another Heading",
      links: [
        {
          text: "Example Link",
          href: "/hello-world"
        }
      ]
    }
  ]
} %>