pattern4 tokens5 stories
Accordion
Collapsible content sections with animated expand/collapse; supports single or multi-open modes
Stories
Tokens
Design decisions specific to Accordion — the values that control its appearance across all theme axes.
TokenTypeReferenceValueUsed by
--accordion-content-padding-xdimension
{space.6}24px
Accordion
--accordion-content-padding-bottomdimension
{space.6}24px
Accordion
--accordion-duration-expandduration
{duration.expand}650ms
Accordion
--accordion-duration-collapseduration
{duration.collapse}200ms
Accordion