Collapsible
Expand/collapse region with trigger and animated panel.
Default
Disabled
This section is managed by your administrator and can't be toggled.
Faq
Every plan starts with a 14-day free trial. No credit card required to get started.
Uncontrolled
Unlimited projects, priority support, and advanced analytics — managed entirely by the component's own state.
With Rich Content
- Plan
- Pro (annual)
- Seats
- 12 of 20
- Renews
- Mar 1, 2026
- Owner
- ada@acme.com
- Priority support
- Custom domains
- Audit log export
Installation
npx shadcn@latest add @byronwade/collapsibleProps
| Prop | Type | Default | Description |
|---|---|---|---|
| open | boolean | — | Controlled open state of the panel. |
| defaultOpen | boolean | false | Uncontrolled initial open state. |
| onOpenChange | (open: boolean) => void | — | Fires when the open state changes. |
| disabled | boolean | false | Disable the trigger. |