altinn-designsystem/dist/patterns/00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon/00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- 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 -->