Accordion

Sections that open one at a time or many. The marker is a plus that rotates into a minus.

Accordion on radix-ui with 3 variants (default divided rows, separated cards, outline boxed) plus animated open/close (ai2 motion tokens) and a rotating chevron. Variant flows from Accordion to every item via context. Exports Accordion, AccordionItem, AccordionTrigger, AccordionContent.

Stacked headings that reveal or hide content sections.

A set of collapsible panels with headings.

A vertically stacked set of interactive headings that reveal or hide associated content.

A vertically stacked set of interactive headings that each reveal a section of content.