Use the <Accordion /> component to collapsible content, useful for information which might not
be relevant to all users.
jsx
<Accordion title="Click me to expand the accordion">This is collapsible content!</Accordion>titlestringoptional
The title of the accordion.
defaultOpenbooleanoptional
Whether or not the accordion should be open by default. Defaults to false.
iconstringoptional
The icon to display next to the accordion title.
To group accordions into a single display unit, use the <AccordionGroup> component, with each
<Accordion> component as a child:
This is collapsible content!
jsx
<AccordionGroup>
<Accordion defaultOpen title="Open by default">
This is collapsible content!
</Accordion>
<Accordion title="Click me to expand the accordion">
This is collapsible content!
</Accordion>
</AccordionGroup>