Skip to main content

This is an internal development app.

To learn how to design and build digital services, visit the design system in the NHS digital service manual for guidance and examples.

Summary list

These examples are used for automated tests and may not follow service manual best practice.

Summary list default

Open this example in a new tab: Summary list default

Name
Karen Francis
Change name
Date of birth
15 March 1984
Change date of birth
Contact information
73 Roman Rd
Leeds
LS2 5ZN
Change contact information
Contact details

07700 900362

karen.francis@example.com

Change contact details

Summary list with multiple actions

Open this example in a new tab: Summary list with multiple actions

Name
Karen Francis
Date of birth
15 March 1984
Change date of birth
Contact information
73 Roman Rd
Leeds
LS2 5ZN
Change contact information
Contact details

07700 900362

karen.francis@example.com

Medicines

Isotretinoin capsules (Roaccutane)

Isotretinoin gel (Isotrex)

Pepto-Bismol (bismuth subsalicylate)

Summary list with multiple actions (empty items)

Open this example in a new tab: Summary list with multiple actions (empty items)

Name
Karen Francis
Date of birth
15 March 1984
Change date of birth
Contact information
73 Roman Rd
Leeds
LS2 5ZN
Change contact information
Contact details

07700 900362

karen.francis@example.com

Medicines

Isotretinoin capsules (Roaccutane)

Isotretinoin gel (Isotrex)

Pepto-Bismol (bismuth subsalicylate)

Summary list without actions

Open this example in a new tab: Summary list without actions

Name
Karen Francis
Date of birth
15 March 1984
Contact information
73 Roman Rd
Leeds
LS2 5ZN
Contact details

07700 900362

karen.francis@example.com

Summary list without border

Open this example in a new tab: Summary list without border

Name
Karen Francis
Date of birth
15 March 1984
Contact information
73 Roman Rd
Leeds
LS2 5ZN
Contact details

07700 900362

karen.francis@example.com

Summary list without row border

Open this example in a new tab: Summary list without row border

Name
Karen Francis
Date of birth
15 March 1984
Contact information
73 Roman Rd
Leeds
LS2 5ZN
Contact details

07700 900362

karen.francis@example.com

Summary list as a card

Open this example in a new tab: Summary list as a card

Regional Manager

Name
Karen Francis
Date of birth
15 March 1984

Summary list as a card (clickable) without actions

Open this example in a new tab: Summary list as a card (clickable) without actions

Regional Manager

Name
Karen Francis
Date of birth
15 March 1984

Summary list as a card (feature) with actions

Open this example in a new tab: Summary list as a card (feature) with actions

Regional Manager

Name
Karen Francis
Date of birth
15 March 1984

Summary list as a card (secondary) with actions

Open this example in a new tab: Summary list as a card (secondary) with actions

Regional Manager

Name
Karen Francis
Date of birth
15 March 1984

Summary list as a card (type emergency) with actions

Open this example in a new tab: Summary list as a card (type emergency) with actions

Immediate action required: Regional Manager

Name
Karen Francis
Date of birth
15 March 1984

Summary list as a card (type non-urgent) with actions

Open this example in a new tab: Summary list as a card (type non-urgent) with actions

Non-urgent advice: Regional Manager

Name
Karen Francis
Date of birth
15 March 1984

Summary list as a card (type urgent) with actions

Open this example in a new tab: Summary list as a card (type urgent) with actions

Urgent advice: Regional Manager

Name
Karen Francis
Date of birth
15 March 1984

Summary list as a card with actions

Open this example in a new tab: Summary list as a card with actions

Regional Manager

Name
Karen Francis
Date of birth
15 March 1984

Summary list as a card with multiple actions

Open this example in a new tab: Summary list as a card with multiple actions

Regional Manager

Name
Karen Francis
Date of birth
15 March 1984
Change date of birth (Regional Manager)
Contact information
73 Roman Rd
Leeds
LS2 5ZN
Change contact information (Regional Manager)
Contact details

07700 900362

karen.francis@example.com

Medicines

Isotretinoin capsules (Roaccutane)

Isotretinoin gel (Isotrex)

Pepto-Bismol (bismuth subsalicylate)