altinn-designsystem/dist/patterns/01-molekyler-02-navigasjon-10-faner/01-molekyler-02-navigasjon-10-faner.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 01-molekyler-02-navigasjon-10-faner -->
<ul class="nav a-tabs " role="tablist">
  <li class="nav-item a-tab">
    <a class="a-tab-btn  active" data-toggle="tab" href="#href1" role="tab">
      <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
      <i class="ai ai-deadline   d-none d-sm-inline-block"></i>


      <!-- END: 00-atomer-09-bilder-og-media-15-ikon -->

      Fane 1
    </a>
  </li>
  <li class="nav-item a-tab">
    <a class="a-tab-btn " data-toggle="tab" href="#href2" role="tab">
      <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
      <i class="ai ai-deadline   d-none d-sm-inline-block"></i>


      <!-- END: 00-atomer-09-bilder-og-media-15-ikon -->

      Fane 2
    </a>
  </li>
  <li class="nav-item a-tab">
    <a class="a-tab-btn " data-toggle="tab" href="#href3" role="tab">
      <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
      <i class="ai ai-deadline   d-none d-sm-inline-block"></i>


      <!-- END: 00-atomer-09-bilder-og-media-15-ikon -->

      En laaang fane
    </a>
  </li>
</ul>

<!-- END: 01-molekyler-02-navigasjon-10-faner -->