- 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
Checkbox
Pakke: ds-forms
Vi bruker Checkbox (avkrysningsboks) når brukerne kan velge ett alternativ, gjerne som en bekreftelse på noe.
Eksempel
Egnet til:
- tilfeller der du skal be brukerne om bekreftelse på at innhold er lest eller forstått.
Uegnet til:
-
tilfeller der brukeren har flere alternativer. Bruk i stedet CheckboxGroup.
Komponenter som ligner:
Teknisk dokumentasjon
Se Checkbox i Storybook for tekniske detaljer.
Hvordan bruke komponenten
Enkeltstående avkrysningboks for når vi spør brukeren om bekreftelse på at innhold er forstått.
Eksempel på enkeltstående avkrysningsboks
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».