altinn-designsystem/dist/patterns/02-organismer-30-seksjoner-32-favoritter/02-organismer-30-seksjoner-32-favoritter.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 02-organismer-30-seksjoner-32-favoritter -->
<div class="a-favourites">
  <h2 class="a-h4">Favoritter:</h2>
  <!-- START: 01-molekyler-05-lister-02-♺-liste-unummerert-lenke -->
  <!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
  <div class="a-list-container ">
    <ul class="a-list   a-list-borderTop a-list-noIcon ">
      <li class="a-list-rowLink a-list-rowLink-inactive">
        <div class="row ">
          <div class="col-12 text-center">
            <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
            <span class="a-fontSizeXXS"> 
    Din favorittliste er tom. Klikk på stjernesymbolet for å legge til en aktør i listen.
     </span>






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

          </div>
        </div>
      </li>
    </ul>
  </div>
  <!-- END: 01-molekyler-05-lister-00-liste-unummerert -->


  <!-- END: 01-molekyler-05-lister-02-♺-liste-unummerert-lenke -->


  <br class="a-list-rowLink a-list-rowLink-inactive">

  <!-- START: 01-molekyler-05-lister-02-♺-liste-unummerert-lenke -->
  <!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
  <div class="a-list-container ">
    <ul class="a-list   a-list-borderTop a-list-noIcon ">
      <li class="a-dotted a-clickable a-list-hasRowLink">
        <a href="#" class="a-list-rowLink">
          <div class="row ">
            <div class="col-12">
              <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
              <span class="a-fontBold a-break-name-orgnr col-11"> 
    Anne Pettersen
     </span>
              <span class="a-fontSizeXXS">fødselsnr. 123456 *****</span>






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

            </div>
            <div class="text-right a-favourite">
              <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->




              <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
              <button type="button" class="a-btn a-btn-icon a-btn-overlay-right  " aria-label="knapp med popover">

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


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





</button>


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



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

            </div>
          </div>
        </a>
      </li>
      <li class="a-dotted a-clickable a-list-hasRowLink">
        <a href="#" class="a-list-rowLink">
          <div class="row ">
            <div class="col-12">
              <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
              <span class="a-fontBold a-break-name-orgnr col-11"> 
    Pettersen Regnskap - Stavanger AS
     </span>
              <span class="a-fontSizeXXS">org.nr. 908 987 519</span>






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

            </div>
            <div class="text-right a-favourite">
              <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->




              <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
              <button type="button" class="a-btn a-btn-icon a-btn-overlay-right  " aria-label="knapp med popover">

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


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





</button>


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



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

            </div>
          </div>
        </a>
      </li>
    </ul>
  </div>
  <!-- END: 01-molekyler-05-lister-00-liste-unummerert -->


  <!-- END: 01-molekyler-05-lister-02-♺-liste-unummerert-lenke -->

</div>

<!-- END: 02-organismer-30-seksjoner-32-favoritter -->