An accordion is an interactive container that expands and collapses to hide or reveal the nested content. It takes advantage of progressive disclosure to help reduce page scrolling by allowing users to choose to show or hide more detailed information as needed.
- Make sure to include the
isExpandedprop on the AccordionToggle based on the toggle’s state. This prop adds necessary accessibility attributes and styling such as
In general, the application launcher component already has accessibility built in. However, if you would like to customize it, you can edit the following:
Prop or attribute
Which HTML element it appears on in markup
Adds accessible text to the Accordion - available for customization
Adds accessible text to the Accordion content - available for customization.
Flag to show if the expanded content of the Accordion item is visible. This prop adds necessary accessibility attributes and styling such as
View source on GitHub