Accordions

<Accordion title="I am an Accordion.">
  You can put any content in here.
</Accordion>

I am an Accordion.

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

<Accordion title="I am an Accordion.">
  You can put any content in here.
</Accordion>

Props

string

required

Title in the Accordion preview.

string

Detail below the title in the Accordion preview.

boolean

default:"false"

Whether the Accordion is open by default.

string or svg

string

One of “regular”, “solid”, “light”, “thin”, “sharp-solid”, “duotone”, or “brands”

⌘I