FormSummary
Intro
FormSummary brukes til å vise en oppsummering av et utfylt skjema før brukeren sender det inn.
Eksempler
Man kan gruppere svar ved å neste FormSummary.Answers innenfor FormSummary.Answer.
Retningslinjer
Bruk
Komponenten er tiltenkt skjemaer med flere steg.
Labels
Teksten i <FormSummary.Label> bør vanligvis samsvare med label på skjemafeltet det tilsvarer.
Spørsmål med flere svar
For å liste opp flere svar under samme spørsmål, kan du bruke flere instanser av <FormSummary.Value> etter hverandre. Vurder punktum etter hvert svar hvis svarene kan bli lange, slik at man enkelt ser hvor ett svar slutter og neste starter. Hvis svarene er veldig korte, kan du eventuelt ha alt på samme linje med kommaseparering.
Ikke bruk punktlister da det tiltrekker mye oppmerksomhet i forhold til svar uten punkt. Eventuelt bruk lister uten visuell markering.
Gruppering
I søknader der brukerne legger til data selv, f.eks. "Legg til barn" eller "Legg til arbeidsgiver", så kan du få frem dette ved å bruke <FormSummary.Answers> inni en <FormSummary.Value>, som vist i eksempelet.
Props
FormSummary
children
- Type:
ReactNode - Description:
- Example:
className?
- Type:
string
ref?
- Type:
LegacyRef<HTMLDivElement> - Description:
FormSummary.Header
children
- Type:
ReactNode - Description:
className?
- Type:
string
ref?
- Type:
LegacyRef<HTMLDivElement> - Description:
FormSummary.Heading
children
- Type:
ReactNode - Description:
level
- Type:
"2" | "3" | "4" | "5" | "6" | undefined - Description:
className?
- Type:
string
ref?
- Type:
LegacyRef<HTMLHeadingElement> - Description:
FormSummary.EditLink
as?
- Type:
React.ElementType - Description:
href?
- Type:
string - Description:
children?
- Type:
ReactNode - Default:"Endre svar"
- Description:
className?
- Type:
string
ref?
- Type:
LegacyRef<HTMLAnchorElement> - Description:
FormSummary.Answers
children
- Type:
ReactNode - Description:
className?
- Type:
string
ref?
- Type:
LegacyRef<HTMLDListElement> - Description:
FormSummary.Answer
children
- Type:
ReactNode - Description:
className?
- Type:
string
ref?
- Type:
LegacyRef<HTMLDivElement> - Description:
FormSummary.Label
className?
- Type:
string
ref?
- Type:
LegacyRef<HTMLElement> - Description:
FormSummary.Value
className?
- Type:
string
ref?
- Type:
LegacyRef<HTMLDivElement> - Description: