Sidera/Components/Accordion
Accordion
Accordions stack collapsible sections so people can scan headings and expand only what they need — ideal for FAQs and dense settings.
CategoryDisclosure
StatusStable
01 —Overview
A design system built to create consistency, scalability and clarity across digital products.
02 —Properties
PropTypeDefault
defaultValuestring[] (open items)[]
valuestring[] (controlled)—
openMultiplebooleantrue
AccordionItem valuestringrequired
03 —Accessibility
- Built on Base UI — triggers are buttons with correct expanded state.
- Panels are linked to their triggers; content is hidden when collapsed.
- Fully keyboard operable, with a visible focus ring on triggers.