Skip to content

nve-popup

Popup er et verktøy som lar deg deklarativt forankre "popup"-beholdere til et annet element. Popup gir ingen stiler - bare posisjonering! Popup-vinduets foretrukne plassering, avstand og skrens (offset) kan konfigureres ved hjelp av attributter.

Arvet fra SlPopup.

Denne komponenten bygger på en Shoelace-komponent. Sjekk også dokumentasjonen i Shoelace for å få full oversikt over hvordan komponenten funker.

Feil / oppgaver / PR

Ingen som vi vet om. Hvis du finner noe muffens, registrer en feil under Issues i Github og merk den med nve-popup.

 

html
<div style="margin:32px">
  <nve-popup placement="top" active>
    <span slot="anchor" style="border: 1px dotted black; border-radius:4px; padding:4px; width:100px;">Ankare</span>
    <div style="border: 1px solid black; border-radius:4px; padding:4px; ">Innehåll i popup</div>
  </nve-popup>
</div>

Eksempler

Plassering

Bruk placement for å styre plassering.

html
<nve-popup placement="right" active>
  <span slot="anchor" style="border: 1px dotted black; border-radius:4px; padding:4px; width:100px;">Ankare</span>
  <div style="border: 1px solid black; border-radius:4px; padding:4px; ">Innehåll i popup</div>
</nve-popup>

Egenskaper

NavnTypeArvet fraBeskrivelseReflected