altinn-designsystem/dist/patterns/01-molekyler-02-navigasjon-55-ekspanderbar-liste-status/01-molekyler-02-navigasjon-55-ekspanderbar-liste-status.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
  <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
  <button type="button" class="a-btn-shadow disabled a-btn a-btn-icon a-btn-shadow-large  " onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp  ai-left "    ></i>


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



    <span class="a-btn-icon-text a-fontBold">
      Pettersen Regnskap
        <span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
    </span>


</button>


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


  <div class="a-list-heading">
    <!-- START: 00-atomer-05-Ekspansjonsknapper-25-ekspanderbar-knapp -->
    <button class="a-btn a-btn-shadow a-btn-shadow-expand a-offset-border-top a-btn-icon collapsed  " type="button" data-toggle="collapse" data-target="#listsublevels2" aria-expanded="false" aria-controls="listsublevels2">
    <span class="a-dropdownCircleArrow">
      <i class="ai ai-expand ai-sm"><span class="sr-only">Vis/skjul innhold</span></i>
    </span>
    6 underenheter
</button>

    <!-- END: 00-atomer-05-Ekspansjonsknapper-25-ekspanderbar-knapp -->

  </div>

  <div id="listsublevels2" class="a-collapseContent a-bgBlueLighter collapse ">
    <!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
    <div class="a-list-container ">
      <ul class="a-list   a-list-large ">
        <li class="a-clickable a-list-hasRowLink">
          <a href="http://altinn.no" class="a-list-rowLink a-fontSizeXS">
            <div class="row ">
              <div class="col">
                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                <b>Pettersen Regnskap – Stavanger AS</b> org. nr. 908 987 519







                <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

              </div>
            </div>
          </a>
        </li>
        <li class="a-clickable a-offset-border-top a-list-hasRowLink">
          <a href="http://altinn.no" class="a-list-rowLink a-fontSizeXS">
            <div class="row ">
              <div class="col">
                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                <b>Pettersen Regnskap – Arendal AS</b> org. nr. 908 987 519







                <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

              </div>
            </div>
          </a>
        </li>
        <li class="a-clickable a-offset-border-top a-list-hasRowLink">
          <a href="http://altinn.no" class="a-list-rowLink a-fontSizeXS">
            <div class="row ">
              <div class="col">
                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                <b>Pettersen Regnskap – Kristiansand AS</b> org. nr. 908 987 519







                <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

              </div>
            </div>
          </a>
        </li>
      </ul>
    </div>

    <!-- END: 01-molekyler-05-lister-00-liste-unummerert -->

  </div>


</div>

<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->