Gå til hovedinnhold
KOMPONENTER

Checkboxes

Checkboxes lar deg velge ett eller flere binære valg

Komponenter

Checkbox

NavnTypePåkrevd?Beskrivelse
classNamestring

Ekstra klassenavn

childrenReactNode

Label for checkboxen, som vises ved høyre side.

checkedboolean | "indeterminate"

Fieldset

NavnTypePåkrevd?Beskrivelse
childrenReactNode

Innholdet i felt-gruppen.

classNamestring

Ekstra klassenavn

labelReactNode

Labelen til felt-gruppen.

Brukes for å gruppere valg sammen.

Retningslinjer

Checkboxen kan brukes for binære valg (f.eks. ja/nei) der man bekrefter valget med en sekundær interaksjon (f.eks. klikk på "lagre"). Om du ønsker at valget blir gjenspeilet / lagret med en gang, bruk en toggle switch istedenfor.

Om brukeren skal velge en eller flere valg, så bør du bruke checkboxes istedenfor.

Jeg vil gjerne reise med

For flere retningslinjer rundt toggles vs checkboxes vennligst ta en titt på denne artikkelen.

Indeterminate

Det finnes tilfeller der en checkbox hverken er på eller av. Det er typisk når man bruker en checkbox til å velge en rekke andre checkboxes.

Her har du et eksempel hvor det brukes. Prøv å velg ingen, alle eller en blanding.

Jeg vil gjerne reise med