Separator

@/components/ui/Separator

1px skillelinje — horisontal eller vertikal, med en valgfri sentrert etikett.

Når brukes den

Bruk for en SEMANTISK skillelinje mellom to grupper innhold (`role="separator"`) — f.eks. mellom to seksjoner i et skjema, eller mellom knapper i en verktøylinje (vertical).
Med `label` for et «eller»-skille (to alternative handlinger, f.eks. i en innloggingsflate).
Ikke bruk til rene listeskiller mellom rader — det er `divide-y` på beholderen (ListRow/Table sitt eget mønster), ikke denne komponenten per rad.

Horisontal

Første seksjon

Andre seksjon

<Separator />

Med etikett

Sentrert tekst mellom to linjestykker — typisk et «eller»-skille.

eller

<Separator label="eller" />

Vertikal

Strekker seg til forelderens høyde (align-self: stretch) — bruk inni en flex-rad.

RedigerDupliserSlett

<Separator orientation="vertical" />

Sveip tabellen for å se hele innholdet

Navn

Type

Default

Beskrivelse

orientation

'horizontal' | 'vertical'

'horizontal'

Retning på streken.

label

string

—

Kort etikett sentrert på streken. Kun horizontal.

className

string

—

Ekstra klasser.