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

Altinn Design system based on Pattern Lab.

<!-- START: 00-atomer-05-Ekspansjonsknapper-34-♺-link-med-stor-popover-ikon -->
<!-- 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-js-persistPopover a-js-popoverBig a-js-togglePopoverIcons" role="button" data-toggle="popover" data-animation="false" data-target="#myPopup" data-placement="bottom" data-trigger="manual"
  data-popover-class="popover-big" data-content="Innholdet i popover fra spørsmålstegn-ikonet kommer her.." data-popover-content="popoverWithIconToggle">



  <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
  <span class="ai-stack a-js-popoverIconInitial">
    <i class="ai ai-stack-1x ai-plain-circle"></i>
<i class="ai-stack-1x ai ai-help-popicon  a-js-popoverIconInitial "    ></i>
  </span>


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

  <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
  <span class="ai-stack a-js-popoverIconExpanded">
    <i class="ai ai-stack-1x ai-plain-circle"></i>
<i class="ai-stack-1x ai ai-circle-exit  a-js-popoverIconExpanded "    ></i>
  </span>


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


<!-- END: 00-atomer-05-Ekspansjonsknapper-34-♺-link-med-stor-popover-ikon -->