Status
The status of the component
Component checklist
Ready for use!
Figma component
A link to the Figma library where the component lives.
Repository
A link to the repo where the component lives.
Usage Guidelines
Accordions can be placed with main page content or placed inside of a container, such as a side panel or tile. They can be useful for giving control to users to show/hide content, as well as organizing information.
Use brief and unique titles in the header
Do
Keep titles concise, clear, and within a single line.
Don't
Long titles are difficult to understand at a glance and may be truncated.
Use consistent chevron positions
Do
The chevron should be positioned to the right side of an accordion block.
Don't
The chevron should not be positioned next to the label.