DSO Toolkit | Component Library

Navigations: Tabs 

<ul class="dso-nav dso-nav-main">
    <li class="dso-active">
        <a href="#">
            Home
        </a>
    </li>
    <li>
        <a href="#">
            Actueel
        </a>
    </li>
    <li>
        <a href="#">
            Kalender
        </a>
    </li>
    <li>
        <a href="#">
            Zelf aan de slag
        </a>
    </li>
    <li>
        <a href="#">
            Documenten
        </a>
    </li>
    <li>
        <a href="#">
            Over ons
        </a>
    </li>
    <li>
        <a href="#">
            Wetgeving
        </a>
    </li>
</ul>
 
<ul class="dso-nav dso-nav-{{ modifier }}">
  {{#each items }}
    <li {{#if active }}class="dso-active"{{/if}}>
      <a href="#">
        {{ label }}
      </a>
    </li>
  {{/each}}
</ul>
 
__title: Hoofdnavigatie
modifier: main
items:
  - label: Home
    active: true
  - label: Actueel
  - label: Kalender
  - label: Zelf aan de slag
  - label: Documenten
  - label: Over ons
  - label: Wetgeving

There are no notes for this item.