Accordion

Expandable and contractible content which is shown/hidden by clicking a title.

Last updated

4 January 2022

Examples

Accordion

Accordion item body - Colour Palette - Alt

Accordion

Accordion item body - Colour Palette - Dark

Accordion

Accordion item body - Colour Palette - Dark Alt

Adds multiple Accordion items at once. Buttons are added to the top of the accordion to toggle content visibility.

Accordion item heading (Slow, Closed)

Accordion item body 1

Accordion item heading (Fast, Open)

Accordion item body 2

Accordion item heading (Fast, Closed)

Accordion item body 3