Skip to main content

Accordion

accordion
<Accordion>
<AccordionItem title="Item 1">
This is the first item's accordion body.
</AccordionItem>
<AccordionItem title="Item 2">
This is the second item's accordion body with <b>bold text</b>.
</AccordionItem>
<AccordionItem title="Item 3">
This is the third item's accordion body.
</AccordionItem>
</Accordion>

Styling

Note that accordions do not support using markdown in the body text.

To style text, use HTML.

Options

AccordionItem

NameDescriptionRequired
titleThe title of the accordion item. This will be displayed as the headerYes
smallMakes the accordion shorter to fill less spaceNo