Komponenter
ConfirmationPanel
Brukes til å gi aktivt samtykke enten i begynnelsen eller slutten av en skjemaflyt.
Egnet til:
- La brukeren gi aktivt samtykke
Avviklet
Komponenten er avviklet og kommer til å bli fjernet fra systemet i en fremtidig versjon. Vi anbefaler nå å følge mønsteret vårt for bekreftelser.
Eksempler
Retningslinjer
Feilmeldingen i error-propen får role=alert. Av hensyn til skjermlesere må det ikke være andre elementer på siden som ber om oppmerksomhet samtidig. Du må for eksempel ikke vise en ErrorSummary samtidig som du setter error-propen.
Props
ConfirmationPanel
children?
- Type:
ReactNode - Description:
Additional information on panel
label
- Type:
ReactNode - Description:
Checkbox label
error?
- Type:
ReactNode - Description:
Error message for element
errorId?
- Type:
string - Description:
Override internal errorId
size?
- Type:
"medium" | "small" - Default:
"null" - Description:
Changes font-size, padding and gaps.
value?
- Type:
any - Description:
Checkbox value.
disabled?
- Type:
boolean - Description:
Avoid using if possible for accessibility purposes.
Disables element.
className?
- Type:
string
id?
- Type:
string - Description:
Override internal id.
data-color?
- Type:
(string & {}) | AkselColor
description?
- Type:
string - Description:
Adds a description to extend the labeling.
ref?
- Type:
LegacyRef<HTMLInputElement> - Description:
Allows getting a ref to the component instance. Once the component unmounts, React will set
ref.currenttonull(or call the ref withnullif you passed a callback ref). React Docs