Intro
ErrorSummary gir brukeren en oversikt over valideringsfeil i skjemaet som de må løse før de kan fortsette. Komponenten inneholder lenker til feltene som må rettes.
Eksempler
Sett fokus på ErrorSummary ved submit. Hvis du gjør en ny sidelasting kan du også sette en ID på ErrorSummary og referere til den i URLens hash.
Retningslinjer
Relevante lenker
Props
ErrorSummary
children
- Type:
ReactNode
- Description:
size?
- Type:
"medium" | "small"
- Default:"medium"
- Description:
heading?
- Type:
ReactNode
- Description:
headingTag?
- Type:
ElementType<any, keyof IntrinsicElements>
- Default:"h2"
- Description:
className?
- Type:
string
ref?
- Type:
LegacyRef<HTMLDivElement>
- Description:
ErrorSummary.Item
children
- Type:
ReactNode
- Description:
href?
- Type:
string
- Description:
className?
- Type:
string
ref?
- Type:
LegacyRef<HTMLAnchorElement>
- Description:
Tokens
Token | Fallback |
---|---|
--ac-error-summary-bg | --a-surface-default |
--ac-error-summary-border | --a-border-danger |
--ac-error-summary-list-dot | --a-text-action |