Accordion

A compound component for showing and hiding sections of content, supporting single-item and multi-item expansion modes.

Installation

npx dafink-ui add accordion

Demo

A React component library you install source into, not a runtime package.

Composition

<Accordion>
<AccordionItem>
<AccordionTrigger />
<AccordionContent />
</AccordionItem>
</Accordion>

Props

NameTypeDefaultDescription
type"single" | "multiple""single"Whether one or many items can be open at once.
defaultValuestring | string[]-Item value(s) open on initial render.
collapsiblebooleanfalseWhen type is single, whether the open item can be collapsed by clicking again.
classNamestring""Additional classes on the root div.