NVE Designsystem

Appearance

nve-divider

Bruk denne til å skille innhold fra hverandre

Arvet fra SlDivider.

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-divider.

 

html
<nve-divider></nve-divider>

Eksempler ​

Orientering ​

Bruk vertical for å lage en vertikal skillelinje. Du må sette en høyde for at streken skal synes.

html
<div style="display: flex; align-items: center; height: 2rem;">
  venstre
  <nve-divider vertical></nve-divider>
  midten
  <nve-divider vertical></nve-divider>
  høyre
</div>

Bruk i menyer ​

Bruk denne til å skille menyvalg fra hverandre. Streken får en annen farge når den er inni en meny.

html
<nve-menu>
  <nve-menu-item>Valg 1</nve-menu-item>
  <nve-menu-item>Valg 2</nve-menu-item>
  <nve-divider></nve-divider>
  <nve-menu-item>Valg 3</nve-menu-item>
</nve-menu>

Egenskaper ​

NavnTypeArvet fraBeskrivelseReflected