Single Expansion
What is an Accordion?
An accordion is a vertically stacked set of interactive headings that each reveal a section of content.
When to use an Accordion?
Use accordions when you need to organize content into collapsible sections.
Accessibility Considerations
Accordions must be keyboard accessible and properly announce their expanded/collapsed state to screen readers.
Multiple Expansion
Section One
Content for section one. With allowMultiple enabled, multiple sections can be open.
Section Two
Content for section two.
Section Three
Content for section three.
With Disabled Items
Available Section
This section can be expanded and collapsed normally.
Disabled Section
This content is not accessible because the section is disabled.
Another Available Section
This section can also be expanded.