Checkbox

Checkbox brukes for binære valg i skjemaer, typisk for samtykke eller flervalgslister.

Reiseforsikring

Bilforsikring

Innboforsikring

Viktig informasjon

Bruk ToggleSwitch for innstillinger som trer i kraft umiddelbart — Checkbox er for skjemainnsending.

Props
Prop	Type	Påkrevd	Standard	Beskrivelse
`children`React	`React.ReactNode`	Ja	—	Label-tekst.
`name`Native HTML	`string`	Ja	—	Skjemafeltets navn.
`value`Native HTML	`string`	Ja	—	Verdien som sendes ved innsending.
`checked`Native HTML	`boolean`	Nei	`false`	Kontrollert avkrysset-tilstand.
`onChange`React	`React.ChangeEventHandler<HTMLInputElement>`	Nei	—	Kalles ved endring.
`invalid`React	`boolean`	Nei	`false`	Markerer feltet som ugyldig.
`indeterminate`Egendefinert	`boolean`	Nei	`false`	Viser delvis-valgt tilstand.

Typisk mønster med en gruppe relaterte valg.

Jeg godtar vilkårene

Jeg vil motta nyhetsbrev

Jeg godtar lagring av data

Bruk invalid når brukeren prøver å sende skjema uten å ha krysset av et påkrevd felt.

Jeg godtar vilkårene (påkrevd)

Indeterminate brukes typisk for en «velg alle»-avkrysningsboks når kun noen rader er valgt.

Velg alle (delvis valgt)

Alternativ A

Alternativ B

Alternativ C

ToggleSwitch

ToggleSwitch er et binært vippebryter-element for innstillinger som skal tre i kraft umiddelbart.

CheckboxPanel

CheckboxPanel er en utvidet avkrysningsboks med et synlig paneldesign.