Install the component from your command line.
Import the components and piece the parts together.
Create your styled accordion component from the primitive parts.
Contains all the parts of an accordion.
Contains all the parts of a collapsible section.
Accordion.Button. Use the
as prop to update it to the appropriate heading level for your page.
Toggles the collapsed state of its associated item. It should be nested inside of an
Contains the collapsible content for an item.
Adheres to the Accordion WAI-ARIA design pattern.
|Space||When focus is on an |
|Enter||When focus is on an |
|Tab||Moves focus to the next focusable element.|
|Shift + Tab||Moves focus to the previous focusable element.|
|ArrowDown||Moves focus to the next |
|ArrowUp||Moves focus to the previous |
|Home||When focus is on an |
|End||When focus is on an |