Form Summary

[jeffreylauwers]

We willen graag meer leren over het Form Summary component. In welke vorm, of vormen, wordt deze momenteel ingezet en toegepast binnen jouw organisatie?

Deel hieronder een link naar Figma, Storybook of screenshots. Met deze informatie kunnen we bewijzen dat het component onderdeel moet worden van de NL Design System component library.

Daarnaast wordt het delen van onderzoek gewaardeerd. Dus heb je zelf onderzoek gedaan en zijn er inzichten voor dit component? Dan horen we dit ook graag!

Link naar bericht in Slack

---

Naam

Form Summary

Doel

Overzicht van ingevoerde data in een formulier.

Gerelateerde componenten

Data Summary, Description List, Table

Richtlijnen

Meerdere stappen in een formulier - NL Design System
Onze richtlijnen rondom formulieren die uit meerdere stappen bestaan.

Onderzoek

A live service is not the end of the story - gov.uk blog
Blogpost van gov.uk over de Carer’s Allowance Service waar dit component is meegenomen tijdens onderzoek.

Contactformulier voor WMEBV - Gebruikersonderzoeken.nl
Onderzoek waarbij de Form Summary component een rol speelde op de 'Controleer uw gegevens' pagina.

[sergei-maertens]

Open Formulieren

Storybook

---

Screenshots / Varianten

Default

Not editable

With field

set not as first element

---

Notities

• We groeperen de gegevens per formulierstap.
• Edit link gaat altijd naar de hele stap waar het veld voorkomt.
• Verschillende weergaven op desktop vs. mobile (mobile is vertically stacked).
• Invoergegevens kunnen gegroepeerd zijn in een veldengroep, kolommen of een item van een herhalende groep zijn, deze groepering komt ook terug in het overzicht.

[jeffreylauwers]

Rotterdam

Figma

---

Screenshots / Varianten

In combinatie met Category title component

---

Notities

• Niet specifiek een Summary list component, maar wel iets dat in de buurt komt in combinatie met het Category title component.
• Let wel; layout is gelijk aan combinatie van Form field label en form controls dus wellicht zit hier een ander idee achter (bijvoorbeeld read-only weergave)

[jeffreylauwers]

Utrecht

Bekijk ook de toevoeging vanuit Utrecht in de Data Summary discussion

[jeffreylauwers]

DUO

Bekijk ook de toevoeging vanuit DUO in de Data Summary discussion

[jeffreylauwers]

Tijdens de Open Dag van september de naamgeving van de componenten Summary List en Description List besproken. Uiteindelijk zijn we uitgekomen op Form Summary, Data Summary en Description List.

[Rozerinay]

✨ Dit component is nu Help Wanted ✨

Help je mee hem door de Community stappen te krijgen?
Form Summary op het Community bord