Interface design: Accordion

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

Accordion variations

Standard and stepper accordions have three display settings:

  1. All closed.
  2. First open.
  3. All open.

Standard accordion

  1. This item is expanded

    It also has a call to action button.

Stepper accordion example

  1. This item is expanded

    It also has a call to action button.

Zeplin examples