Tabs (experimental) example

As links

With this option the tabs operate as links, rather than switching between elements within a single page.

How it looks (preview)

Contents

• Page one
• Page two

How to call this example

<%= render "govuk_publishing_components/components/tabs", {
  as_links: true,
  tabs: [
    {
      href: "link1",
      label: "Page one",
      active: true
    },
    {
      href: "link2",
      label: "Page two",
      active: false
    }
  ]
} %>