Reference
Collapsible
Collapsible, dressed in the paper-and-ink system: one control on the paper, its panel dissolving open to the machine's measured height. The parts — Root, Trigger, Content, Indicator.
Root · Trigger · Content · Indicator
#Content
A styled part — no props of its own; it takes the anatomy's shared styling.
#Indicator
A styled part — no props of its own; it takes the anatomy's shared styling.
#Root
| Prop | Type | Default | Description |
|---|---|---|---|
collapsedHeight | number | string | The height of the content when collapsed. | |
collapsedWidth | number | string | The width of the content when collapsed. | |
defaultOpen | boolean | The initial open state of the collapsible when rendered. Use when you don't need to control the open state of the collapsible. | |
disabled | boolean | Whether the collapsible is disabled. | |
id | string | The unique identifier of the machine. | |
ids | Partial<{ root: string; content: string; trigger: string; }> | The ids of the elements in the collapsible. Useful for composition. | |
lazyMount | boolean | false | Whether to enable lazy mounting |
open | boolean | The controlled open state of the collapsible. | |
unmountOnExit | boolean | false | Whether to unmount on exit. |
| Event | Payload |
|---|---|
exitComplete | — |
openChange | details: OpenChangeDetails |
update:open | open: boolean |
#Trigger
A styled part — no props of its own; it takes the anatomy's shared styling.