Accordion

An Accordion is a design system component that organizes content into collapsible sections, allowing users to expand or collapse sections to view or hide detailed information. It is useful for managing large amounts of content in a compact space, improving the overall user experience by reducing clutter and allowing users to focus on specific information as needed. Accordions are commonly used in FAQs, settings panels, and content-heavy interfaces.

Component Status

Figma

Up to date

Status

Stable

HTML

Available

React

Available

Twig

Available