Create a summary list component

[GrilloPress]

What is it?

The Summary list component is an established GOV.UK component in use in various GOV services as well as live in the National data opt-out service service.

It is also in use in an alpha service for the "Check your personal details" part of the audit and transparency foundation service/s.

The summary list component is a key element of the GDS pattern to help users to "check answers".

What problem does this thing solve?

Many transactional services need to have users check data before submission, or check data against a question or criteria, and the summary list is an established component for doing this.

Having the summary list component and related macro would:

• speed up development
• ensure services don't have to recreate their own versions/interpretations of this component
• make it easier for services to build key/value <dl> lists
• make it easier to make <dl> lists accessible and well structured

Where has this been tested

Across gov. This component has been tested across numerous GOV services and internal case working systems.

In the NHS this has been tested in the national data opt-out service:

• with 20+ users in various labs
• as part of remote unmoderated A/B testing with 50 users
• as part of the live service since October 2018 (thousands of users etc.)

It has also been tested in the new frontend in the "Check your personal details" service:

• with 2 users in a pop-up
• 5 users in a lab

Issues reported: None

Other links

For the audit and transparency set of services I have created a proof of concept fork of the GDS component:

• scss for the component
• macro for the component
• list in example page
• list in alpha service

[chrimesdev]

Looks like we having something along the lines of the Summary list component within the NHS.UK prototype kit - Check your answers page.

Do we just need to move from the prototype kit into the frontend @davidhunter08?

[mcheung-nhs]

Done and merged into master - #404