altinn-designsystem/dist/patterns/01-molekyler-02-navigasjon-11-toppoppgaver/01-molekyler-02-navigasjon-11-toppoppgaver.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 01-molekyler-02-navigasjon-11-toppoppgaver -->
<div class="row a-topTasks">
  <div class="col col-lg-12">
    <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
    <button type="button" class="a-btn a-active a-btn-icon a-btn-transparentWhite  " onclick="location.href='/patterns/04-sider-portal-50-innboks-_11-innboks-mva-og-skatt-nyoppstartet/04-sider-portal-50-innboks-_11-innboks-mva-og-skatt-nyoppstartet.html';">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-closedmessage  a-btn-icon-symbol "    ></i>


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



    <br />
    <span class="a-btn-icon-text ">
      alle
    </span>


</button>


    <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->

  </div>
  <div class="col col-lg-12">
    <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
    <button type="button" class="a-btn a-btn-icon a-btn-transparentWhite  " onclick="location.href='/patterns/04-sider-portal-50-innboks-05-innboks-arkiv/04-sider-portal-50-innboks-05-innboks-arkiv.html';">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-archive  a-btn-icon-symbol "    ></i>


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



    <br />
    <span class="a-btn-icon-text ">
      arkiv
    </span>


</button>


    <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->

  </div>
  <div class="col col-lg-12">
    <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
    <button type="button" class="a-btn a-btn-icon a-btn-transparentWhite  " onclick="location.href='/patterns/04-sider-portal-50-innboks-08-innboks-slettede-meldinger/04-sider-portal-50-innboks-08-innboks-slettede-meldinger.html';">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-trash  a-btn-icon-symbol "    ></i>


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



    <br />
    <span class="a-btn-icon-text ">
      slettede
    </span>


</button>


    <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->

  </div>
  <div class="col col-lg-12 d-lg-none">
    <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
    <button type="button" class="a-btn a-btn-icon a-btn-transparentWhite  " data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-more  a-btn-icon-symbol "    ></i>


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



    <br />
    <span class="a-btn-icon-text ">
      mer
    </span>


</button>

    <!-- START: 02-organismer-30-seksjoner-_45-dropdown-overflow -->
    <div class="dropdown-menu py-0 mx-0 my-0 a-dropdownTriangle 
     
    a-dropdown-overflow-menu  
    " role="popover" data-boundary="col-lg-auto col-12 mt-3">
      <div class="a-overflow-dropdown pt-1 pb-1">
        <span>Lagrede søk</span>
      </div>
      <a class="a-overflow-dropdown " href="#">
        <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
        <i class="ai ai-letter-r  a-blue "></i>


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



        <span class="a-fontBold">Lagre søk</span>
      </a>
      <a class="a-overflow-dropdown " href="#">
        <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
        <i class="ai ai-letter-r  a-blue "></i>


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



        <span class="a-fontBold">Annet lagret søk</span>
      </a>
      <a class="a-overflow-dropdown " href="#">
        <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
        <i class="ai ai-settings  a-blue "></i>


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



        <span class="a-fontBold">tilpass</span>
      </a>
    </div>
    <!-- END: 02-organismer-30-seksjoner-_45-dropdown-overflow -->


    <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->

  </div>
  <div class="col col-lg-12 d-lg-none">
    <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
    <button type="button" class="a-btn a-btn-icon a-btn-transparentWhite  " onclick="location.href='/patterns/04-sider-portal-50-innboks-_10-innboks-mva-og-skatt/04-sider-portal-50-innboks-_10-innboks-mva-og-skatt.html';">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus  a-btn-icon-symbol a-button-icon-symbol--secondary "    ></i>


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



    <br />
    <span class="a-btn-icon-text ">
      nytt
    </span>


</button>


    <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->

  </div>
</div>

<!-- END: 01-molekyler-02-navigasjon-11-toppoppgaver -->