api-docs-icon

Accordions

A dropdown component for hiding and showing content.

You can put any content in here, including other components

Accordion Example
<Accordion title="I am an Accordion" icon="PartyPopper">
You can put any content in here, including other components
</Accordion>

Props
title
stringrequired

Title in the accordion header.

icon
string

The Lucide component icon name of your callout. Browse Lucide for available icon names.

defaultOpen
booleandefault: false

Accordion should be automatically expanded on page load.