Accordion

A component that allows users to collapse and expand a section of content.

Status

The status of the component

Ready for use!

Figma component

A link to the Figma library where the component lives.

Open in Figma

Accordion Main

Anatomy

Ref to 901:1555473

Open

Ref to 901:1555340

Ref to 901:1555355

Layout and Spacing

Ref to 901:1555625

Ref to 901:1555706

Accordion Menu Item

Anatomy

Ref to 901:1556448

States

Ref to 901:1555825

Ref to 901:1555839

Ref to 901:1555987

Ref to 901:1556161

Layout and Spacing

Ref to 901:1556571

Accordion Main Specs

Accordion Menu Specs

Something looks broken on this site?

Report it to the Design System team here!

Resources

Support