Layout header example

With navigation

Note that remove_bottom_border automatically gets set to true on the header when navigation items are added.

How it looks (preview)

Production

How to call this example

<%= render "govuk_publishing_components/components/layout_header", {
  environment: "production",
  navigation_items: [
    {
      text: "Mainstream browse",
      href: "item-1",
      active: true
    },
    {
      text: "Step by steps",
      href: "item-2"
    },
    {
      text: "Some kind of topic page",
      href: "item-3"
    },
    {
      text: "Jonathan Doe",
      href: "item-4"
    },
    {
      text: "Logout",
      href: "item-5"
    }
  ]
} %>