Layout header example

With product name and navigation

How it looks (preview)

Component Guide 999.9.9

Production

How to call this example

<%= render "govuk_publishing_components/components/layout_header", {
  product_name: "Component Guide 999.9.9",
  environment: "production",
  navigation_items: [
    {
      text: "Navigation item 1",
      href: "item-1",
      active: true
    },
    {
      text: "Navigation item 2",
      href: "item-2"
    },
    {
      text: "Navigation item 3",
      href: "item-3"
    }
  ]
} %>