Accordion
48
Accordion is a vertically stacked set of expandable panels, each containing a header and an associated content area. It allows users to view a summary or a condensed version of the content and then expand it to reveal detailed information.
Accordions are typically used when screen real estate is limited, and there's a need to manage the visibility of large amounts of content. They enhance the user experience by presenting information in a structured, efficient way, allowing users to access details on demand without navigating away from the current context.
Looking into how the
Accordion
component works?
Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work
System health
Ownership


Tokens
Components
design-to-code
98%
Looking into how the
Accordion
component works?
Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work
System health
Ownership


Tokens
Components
design-to-code
98%
Looking into how the
Accordion
component works?
Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work
System health
Ownership


Tokens
Components
design-to-code
98%