Collapsible content sections that organize and display information in a space-efficient vertical layout, allowing users to expand and collapse panels to reveal or hide content.
On this page
This documentation is a work in progress and may contain incomplete or outdated
information. If you have any feedback or suggestions, please open an issue on GitHub.
Tokens
Design tokens and theming properties that control the visual appearance, spacing, and interaction states of accordion components throughout the design system. These tokens ensure consistent styling and enable systematic customization across different themes and brand implementations.
Theming Tokens
Comprehensive token hierarchy that affects accordion component styling, from granular component-specific properties to system-wide design foundations. These tokens provide flexibility for theme customization while maintaining design consistency and accessibility standards.
Legend:
Granular tokens that affect only this component.
Granular tokens that affect other components.
Semantic tokens that affect the whole application.