Collapsible
An interactive component that toggles the visibility of its content with a smooth height animation. Supports controlled and uncontrolled modes, default open state, and a disabled state.
Default
A basic collapsible section with a trigger button.
This content can be expanded and collapsed.
Default open
Use defaultOpen to start in the expanded state.
Item 1
Item 2
Item 3
Controlled
Manage open state externally with open and onOpenChange.
State: closed
Controlled content - toggle from outside or via the trigger.
Disabled
Set isDisabled to prevent toggling.
This content cannot be revealed.