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.

 

<nve-divider></nve-divider>

Eksempler

Orientering

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

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

<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

Navn	Type	Arvet fra	Beskrivelse	Reflected
vertical	boolean = false	SlDivider	Draws the divider in a vertical orientation.

Metoder

Navn	Parametre	Returtype	Arvet fra	Beskrivelse
handleVerticalChange			SlDivider

Spesifikke CSS-variabler for komponent

Navn	Beskrivelse
--color	The color of the divider.
--width	The width of the divider.
--spacing	The spacing of the divider.