DSO Component Library

Navs 

<!-- Tabs -->
<ul class="nav nav-tabs">
    <li role="presentation" class="active">
        <a href="#">
        Home
      </a>
    </li>
    <li role="presentation">
        <a href="#">
        Profiel
      </a>
    </li>
    <li role="presentation">
        <a href="#">
        Berichten
          <span class="badge">15</span>
      </a>
    </li>
</ul>


<!-- Pills -->
<ul class="nav nav-pills">
    <li role="presentation" class="active">
        <a href="#">
        Home
      </a>
    </li>
    <li role="presentation">
        <a href="#">
        Profiel
      </a>
    </li>
    <li role="presentation">
        <a href="#">
        Berichten
          <span class="badge">15</span>
      </a>
    </li>
</ul>


<!-- Tabs -->
<ul class="nav nav-tabs">
  {{#each items }}
    {{> '@navs-item' }}
  {{/each}}
</ul>

<!-- Pills -->
<ul class="nav nav-pills">
  {{#each items }}
    {{> '@navs-item' }}
  {{/each}}
</ul>
 
/* Tabs */
items:
  - label: Home
    active: true
  - label: Profiel
  - label: Berichten
    count: 15



/* Pills */
items:
  - label: Home
    active: true
  - label: Profiel
  - label: Berichten
    count: 15

There are no notes for this item.