Accordion

Accordions turn sections of content into a scannable list, allowing the audience to view only the content they need and ignore what they don’t.

See and interact with the Accordion component block demo on this page.

Demo component

Overview (optional) is created in a WYSIWYG editor as for general content.

Tab item 1 descriptive heading

This is the tab item’s body copy. You can include:

Each of the accordion items should have a relationship to one another or form part of a sequence.

Tab item 2 descriptive heading

This is the tab item’s body copy. You can include:

Each of the accordion items should have a relationship to one another or form part of a sequence.

Tab item 3 descriptive heading

This is the tab item’s body copy. You can include:

Each of the accordion items should have a relationship to one another or form part of a sequence.

Tab item 4 descriptive heading

This is the tab item’s body copy. You can include:

Each of the accordion items should have a relationship to one another or form part of a sequence.

See the Help Hub guide for detailed instructions on how and when to use this component.