Tabs (experimental) example

Single item

If only an individual item is supplied to the component (if the list is created dynamically, for example) it will be rendered without tabs.

How it looks (preview)

Here is a single piece of content, there should be no tabs.

How to call this example

<%= render "govuk_publishing_components/components/tabs", {
  tabs: [
    {
      id: "singletab",
      label: "Single piece of content",
      content: sanitize("<p class=\"govuk-body-m\">Here is a single piece of content, there should be no tabs.</p>
    ")
    }
  ]
} %>