Skip to main content

Concertina block

What is a concertina block?

A concertina block allows the user to show or hide content depending on the need. It's commonly used for FAQs or nesting large amounts of tertiary content such as terms and conditions.

Concertina blocks can also be known as accordions or pods.


Concertina block



  • Container header (optional)
  • Title (required)
  • Text (required)

Usage guidelines


  • Concertinas can be a single item or collection of multiple items
  • Should be used to display FAQs


  • Primary content should never be nested within a concertina block


  • The concertina title, icon and entire panel should collapse/expand when interacted with via the mouse/keyoard or other assitive device
  • If there are multiple concertinas on the page these can be configured to have one or many open at a time.