Skip to main content

Accordions

A dropdown component to show or hide content.

I'm an Accordion

You can add any content in here. Check out Accordion Group if you want to group multiple Accordions into a single display.

This is how you build an Accordion:

<Accordion title="Code for an Accordion">
Description for an Accordion.
</Accordion>
Accordion Group

To group multiple <Accordion> elements into a single display, simply enclose them within the <AccordionGroup> tag.

Attributes

title string required
Title displayed in the Accordion preview.

description string required
Detail text displayed below the title in the Accordion preview.