Accordion Groups

Group multiple accordions into a single display.

Simply wrap multiple <Accordion> components with <AccordionGroup> to group them together.

Basic Example

You can put other components inside Accordions.

With Icon

Check out the Accordion docs for all the supported props.

Accordion Group Example

<AccordionGroup>
  <Accordion title="Basic Example">
    You can put other components inside Accordions.
  </Accordion>

  <Accordion title="With Icon" icon="alien-8bit">
    Check out the [Accordion](/content/components/accordions) docs for all the supported props.
  </Accordion>
</AccordionGroup>

Note: AccordionGroup does not have any props.