<ul class="nav nav-pills">
    <li class="nav-item">
        <a class="nav-link active" href="#">Active</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
    </li>
    <li class="nav-item">
        <a class="nav-link disabled" href="#">Disabled</a>
    </li>
</ul>
<ul class="nav nav-pills{{modifiers modifiers}}">
  {{#each items}}
    <li class="nav-item">
      <a class="nav-link{{modifiers modifiers}}" href="{{link}}">{{#if icon}}<span class="mr-1">{{render "@icon--remove"}}</span> {{/if}}{{label}}</a>
    </li>
  {{/each}}
</ul>
{
  "items": [
    {
      "label": "Active",
      "link": "#",
      "modifiers": [
        "active"
      ]
    },
    {
      "label": "Link",
      "link": "#"
    },
    {
      "label": "Link",
      "link": "#"
    },
    {
      "label": "Disabled",
      "link": "#",
      "modifiers": [
        "disabled"
      ]
    }
  ]
}

There are no notes for this item.