Accordion Component
Collapsible accordion panels in shadcn/ui
Accordions let users show and hide sections of content.
Example
accordion Example
live demoUsage
import {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
} from "@/components/ui/accordion"
;<Accordion type="single" collapsible>
<AccordionItem value="item-1">
<AccordionTrigger>Section title</AccordionTrigger>
<AccordionContent>Content inside the accordion panel.</AccordionContent>
</AccordionItem>
</Accordion>
Props
| Prop | Type | Default |
|---|---|---|
| type | "single" | "multiple" | required |
| collapsible | boolean | false |