Text accordian
This is used for presenting multiple, self-contained bits of information – for example FAQs – in a concise, digestible format.


Overview
This component is perfect for content that follows a simple question and answer format (Eg. ‘Frequently asked questions’). But it can also be used for other text-based content.
It presents the viewer with a list of quickly scannable headings. Clicking an individual heading expands that section to give more detail.
It’s really useful for keeping a page short and making it easier for the viewer to find the information they’re after – only showing them the content that is relevant to them.
Nb. This is a text-only component, so it can contain hyperlinks, but it can’t contain imagery.