Switch

@/components/ui/Switch

AV/PÅ-bryter for en innstilling som trer i kraft med én gang valget er lagret.

Når brukes den

Verdien er binær og selvforklarende — bruk `Select` når det er mer enn to valg.
Endringen skal tre i kraft UMIDDELBART. Er valget del av et skjema som lagres samlet, bruk en avkryssingsboks i stedet.
Hele raden er klikkbar via et ekte `<label htmlFor>` — etiketten trigger bryteren, ikke bare selve knappen.
`description` er valgfri — utelat den for en enkel, selvforklarende innstilling.

Standard, med avhengig bryter

To innstillinger der den andre er deaktivert til den første er slått på.

Send påminnelser til styret

E-post til alle administratorer, mandag morgen.

Kun når noe haster

Deaktivert så lenge bryteren over er av.

<Switch label="Send påminnelser" description="…" checked={checked} onChange={setChecked} />

Uten beskrivelse

Kun etikett, når innstillingen ikke trenger en forklarende linje under.

Uten forklaringstekst

Sveip tabellen for å se hele innholdet

Navn

Type

Default

Beskrivelse

checked *

boolean

—

Av/på-tilstand.

onChange *

(v: boolean) => void

—

Kalles med ny tilstand.

disabled

boolean

—

Deaktiverer bryteren (dempet, ikke klikkbar).

label *

string

—

Ledeteksten. Et ekte `<label>` — klikk på den slår bryteren.

description

string

—

Forklaringen under etiketten, koblet med aria-describedby.

className

string

—

Ekstra klasser på rot-diven.