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.

Accordion

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

Accordion default

Open this example in a new tab: Accordion default

Section A

We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.

Section B

  • Example item 2

Accordion with additional descriptions

Open this example in a new tab: Accordion with additional descriptions

Test

Additional description

We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.

  • Example item 1

Test 2

Additional description (wrapped in span)
  • Example item 2

Accordion with all sections already open

Open this example in a new tab: Accordion with all sections already open

Section A

  • Example item 1

Emergency and urgent care

  • Example item 2

Accordion with long content and description

Open this example in a new tab: Accordion with long content and description

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis tortor porttitor.

Etiam diam dui, tempus ut pharetra in, aliquet non dui. Nunc pulvinar maximus tortor, ac finibus augue congue vitae. Donec sed cursus lorem.
  • Example item 1

Praesent faucibus leo feugiat libero pharetra lacinia. Aliquam aliquet ante vitae mollis vestibulum.

Maecenas nec est sapien. Etiam varius luctus mauris non porttitor.
  • Example item 2