Viktig informasjon
Delar av dette innhaldet er ikkje tilgjengeleg på nynorsk enno.
- Accordion
- Alert
- Breadcrumbs
- Button
- Card
- Checkbox
- CheckboxGroup
- Chips
- DatePicker
- DescriptionList
- ErrorMessage
- ErrorSummary
- Fieldset
- FileUploader
- Footer
- Icon
- IconButton
- InlineButton
- Link
- LinkGroup
- MegaButton
- Modal
- NavigationTile
- OpenClose
- Pagination
- Panel
- Popover
- RadioGroup
- RolePicker
- ScrollToTopButton
- SearchField
- Select
- Spinner
- StepList
- Table
- Tabs
- Tag
- TextArea
- TextField
- TopBannerExternal
- TopBannerInternal
- Typografi
- Versjonshistorikk
CheckboxGroup
Pakke: ds-forms
CheckboxGroup (gruppe med avhukningsbokser) lar brukerne velge ett eller flere alternativ. Hver avkrysning er uavhengig av de andre i listen, og det er også mulig å ikke krysse av.
Eksempel
Egnet til:
- når brukeren kan velge mellom flere uavhengige valg.
- når det er et gyldig valg å ikke velge noen av alternativene.
- når du trenger å be brukerne om bekreftelse på at innhold er lest eller forstått.
Uegnet til:
- når brukeren kun skal ta ett valg blant flere alternativer. Bruk i stedet RadioGroup.
Komponenter som ligner:
Teknisk dokumentasjon
Se CheckboxGroup i Storybook for tekniske detaljer.
Hvordan bruke komponenten
Avhukingsboksene i CheckboxGroup skal ligge vertikalt. Det skal være mulig å velge null, ett eller flere av valgene.
Universell utforming
- Når det er flere checkboxer, skal spørsmålet eller ledeteksten ligge i legend-elementet. Dette vises visuelt som standard, men kan ved behov skjules visuelt. Det er allikevel viktig for alle brukere å forstå hva som skal besvares, selv om legend-elementet er skjult.
- Husk at feilmeldinger skal referere til spørsmålet eller ledeteksten, for eksempel «Type virksomhet må fylles ut».
- CheckboxGroup skal alltid ha underelementer (children), selv om det teknisk sett er mulig å la den være tom.