Data Display
Collapsible
A collapsible shows and hides a section of content.
Default expanded#
This panel starts out expanded.
Component props#
Collapsible#
| Name | Type | Description |
|---|---|---|
| isExpanded | boolean | Controlled expanded state |
| defaultExpanded | boolean | Default expanded state |
| isDisabled | boolean | Disables the collapsible |
| onExpandedChange | (expanded: boolean) => void | Called when the expanded state changes |
CollapsibleTrigger#
The button that toggles the panel.
CollapsiblePanel#
The content that is shown and hidden.