altinn-designsystem/dist/patterns/02-organismer-30-seksjoner-80-altinnett-navigasjonsmeny-dropdown/02-organismer-30-seksjoner-80-altinnett-navigasjonsmeny-dropdown.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 02-organismer-30-seksjoner-80-altinnett-navigasjonsmeny-dropdown -->
<!-- Begin #a-dropdown-personswitchList - -->
<div class="dropdown-menu an-dropdown-navigationMenu a-dropdownTriangle an-menu-container an-menu-logged-out">
  <ul class="a-list an-menu">
    <li>
      <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->

      <div class="form-group a-form-group   pt-1 px-1">

        <label class="a-form-label  sr-only  " for="dropdown-input-search">Søk etter innhold</label>

        <div class="a-form-group-items input-group   ">


          <input class="form-control  
         a-hasButton  " type="search" placeholder="Søk etter innhold" name="input-field" data-val="true" id="dropdown-input-search">

          <div class="input-group-append">
            <button onclick="location.href='/patterns/04-sider-altinnett-60-sok-10-sok-forside/04-sider-altinnett-60-sok-10-sok-forside.html';" class="btn btn-secondary" type="button">
              <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search   "    ></i>


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

              <span class="sr-only">Søk</span>
          </button>
          </div>



        </div>


      </div>

      <!-- END: 00-atomer-01-forms-10-tekst-input -->

    </li>


    <li>
      <a class=" pr-2" href="#">verktøy</a>
    </li>

    <li>
      <a class=" pr-2" href="&#x2F;patterns&#x2F;03-maler-altinnett-80-produktsider-10-produktoversikt&#x2F;03-maler-altinnett-80-produktsider-10-produktoversikt.html">produkter</a>
    </li>

    <li>
      <a class=" pr-2" href="#">resultater</a>
    </li>

    <li>
      <a class=" pr-2" href="#">kom i gang</a>
    </li>
  </ul>

  <div class="mt-1 mx-1">
    <!-- START: 00-atomer-03-knapper-10-knapp -->
    <button type="button" onclick="location.href='/patterns/03-maler-altinnett-20-profil-30-paalogget/03-maler-altinnett-20-profil-30-paalogget.html'" class="a-btn btn-block ">
  
    Logg inn
  
</button>

    <!-- END: 00-atomer-03-knapper-10-knapp -->

  </div>
</div>

<!-- END: 02-organismer-30-seksjoner-80-altinnett-navigasjonsmeny-dropdown -->