When to use this component
The summary list is used to summarise a user’s responses at the end of a form. A summary list must be used if the form is more than 3 concepts long or contains any form of calculation such as the total value to be paid.
When not to use this component
The summary list is not needed for simple forms. If the form is easily followed or is under 3 concepts avoid creating another click for the customer.
How it works
Summary list is a component to present pairs of related information, known as key-value pairs, in a list. The key is a description or label of a piece of information, like ‘Name’, and the value is the piece of information itself, like ‘John Smith’.
Single result
| Name | Sarah Philips |
| Date of birth | 5 January 1978 |
| Address | 72 Guild Street London SE23 6FH |
| Contact details | 07700 900457 sarah.phillips@example.com |
Multiple results
| Name | Date of Birth | Address |
|---|---|---|
| Tom Jones | 1 January 1986 | 72 Guild Street London SE23 6FH |
| Sophie Curtis | 7 March 1991 | 72 Guild Street London SE23 6FH |
| Claire Thomas | 19 May 1995 | 72 Guild Street London SE23 6FH |