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.current
tonull
(or call the ref withnull
if you passed a callback ref). React Docs