altinn-designsystem/dist/patterns/00-atomer-08-lister-08-liste-unummerert-sammenkoblet/00-atomer-08-lister-08-liste-unummerert-sammenkoblet.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 00-atomer-08-lister-08-liste-unummerert-sammenkoblet -->
<ul class="no-decoration connected-bullets">
  <li>
    <strong>
        Første punkt
      </strong> Har både tittel, tekst og lenke. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
    <!-- START: 00-atomer-02-lenker-00-link -->
    <a href="http://skatteetaten.no" class=" ">
  Det kan du gjøre her
  
</a>
    <!-- END: 00-atomer-02-lenker-00-link -->

  </li>
  <li>
    <strong>
        Andre punkt har bare tittel
      </strong>

  </li>
  <li>
    <strong>
        
      </strong> Tredje punkt har bare tekst. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
    ex ea commodo consequat.
  </li>
  <li>
    <strong>
        
      </strong> Tredje punkt har bare tekst. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
    ex ea commodo consequat.
    <!-- START: 00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon JS doc: popover.js -->
    <a href="javascript:void(0)" tabindex="0" class="a-linkArea a-helpIconButton a-helpIconButton--blue a-js-togglePopoverIcons" role="button" data-toggle="popover" data-animation="false" data-target="#myPopup" data-placement="bottom" data-trigger="click"
      data-popover-content="popoverWithIconToggle">



      <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
      <i class="ai ai-circle-plus  a-js-popoverIconInitial "></i>


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

      <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
      <i class="ai ai-circle-minus  a-js-popoverIconExpanded "></i>


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

      <span class="sr-only">Vis mer info</span>
    </a>



    <div id="popoverWithIconToggle" style="display: none">
      <!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->

      Dette er en tekst





      <!-- START: 00-atomer-02-lenker-00-link -->
      <a href="http://www.altinn.no" class=" ">
  med en lenke som står i løpende tekst
  
</a>
      <!-- END: 00-atomer-02-lenker-00-link -->


      og man kan ha mer tekst etter.



      <!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->

    </div>

    <!-- END: 00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon -->

  </li>
</ul>

<!-- END: 00-atomer-08-lister-08-liste-unummerert-sammenkoblet -->