Collapsible
Single disclosure region with panel and plain presentations and measured-height animation.
Loading interactive example
Choose Collapsible for one optional region. Use the default panel variant for a standalone surface. Use `plain` inside an existing surface. Closing panels immediately stop accepting input. Hidden panels preserve child state. Reduced motion disables both panel and caret movement.
API
| Member | Type | Kind | Required | Default |
|---|---|---|---|---|
children | Snippet | snippet | Yes | |
disabled | boolean | prop | No | false |
label | string | prop | No | undefined |
onOpenChange | (open: boolean) => void | callback | No | undefined |
open | boolean | binding | No | false |
trigger | Snippet | snippet | No | undefined |
variant | CollapsibleVariant | prop | No | 'panel' |
Source
Loading source