Accordion

Standard accordion and stepper accordions are available for collapsed non-sequential and sequence lists.

Shape

Accordion variations

Standard and stepper accordions have three display settings:

  1. first accordion item open
  2. all accordion items open
  3. all accordion items closed

The accordion section heading can alternate between H2 and H3.

Accordions have rich text (WYSIWYG) functionality and can contain images and CTA's. Other components are not able to be embedded in accordion items.

Standard accordion

Example of first item open

Stepper accordion

The stepper accordion should only be used when items follow a sequence.

Example of first item open