Add to a list

[Fenwick17]

What

Allows users to add similar information multiple times, such as several names for a single application.

Why

Anything else

Pattern has been discussed on the govuk design system backlog and implemented within other pattern libraries.

[beccagorton182]

Thanks for opening this issue @Fenwick17! I've just started looking at this pattern on screening. I'm looking at adapting something similar to the electronic declaration service example below. My use case is GPs/Admin staff adding multiple NHS numbers to a query to make a bulk search.

Here's some of the examples that were shared with me:

Submit your electronic declaration service:

Online consultation on the NHS App https://nhs-contact.herokuapp.com/app/engage/category/v2/search-v2

Once I've tested our solution on screening i'll post back here!

[Tosin-Balogun]

What

We have implemented the list builder component in cervical screening to help users easily add filters to build reports

https://user-images.githubusercontent.com/71393402/154044091-33113cc2-51bd-4914-b734-bee3fcd72872.mov

Why

The codes used in cervical screening are voluminous and continues to grow thus when we tried to implement a checkbox for some of them, it did not translate well Example

The list builder was the better option for codes which had larger volume, an example being the letter codes shown in the image below

User feedback

We took the design to usability testing with 9 users, some of their responses have been combined.

We observed that users:

• P1 - User understood how the component worked
• P2 - User knew how to add and remove codes
• P3 - User knew how to add and remove codes from the list
• P4 - "It looks quite easy"