Accordion

<React.Fragment />

Accordion configuration

Accordion components can use the following props:

className (optional)

A CSS class name to pass to the component.

headingLevel

Heading level to use for the accordion items' headings. Default is H3.

hideOpenAll (optional)

Do not show the ‘open all’ button. Boolean.

Accordion item configuration

AccordionItem components can use the following props:

className (optional)

A CSS class name to pass to the component.

heading

Heading of the accordion item.

headingLevel (optional)

Heading level to use for the accordion item's heading. It is better to let the parent set this for all of its accordion items.

id

ID to use for the accordion item if you want to override the automatically generated default for any reason.

isOpen (optional)

Makes the accordion item display in an open state on page load.