opinion
Collapsible
One region that opens and closes under a button.
Project detailsContent leaves the page when closed
£48,200 budget, 84% complete.
In context
Project cardExtra detail tucked under the summary
Depot signage
Review
Due 21 Nov
Wayfinding for the three northern depots.
Props
| Prop | Type | Required | Default |
|---|---|---|---|
open | boolean | undefined | No | — |
defaultOpen | boolean | undefined | No | — |
onOpenChange | ((open: boolean) => void) | undefined | No | — |
trigger | ReactNode | Yes | — |
children | ReactNode | Yes | — |
disabled | boolean | undefined | No | — |
bionic | boolean | undefined | No | — |
bionicOptions | BionicOptions | undefined | No | — |
data-rebar-* attributes
data-rebar-component="collapsible", data-rebar-open (boolean) on the root; data-rebar-part="trigger" | "content".
Migrating to Ant Design
No direct single-panel equivalent in AntD — its Collapse component always uses the same multi-item items array Accordion maps to. On migration, a lone Collapsible becomes a one-item AntD Collapse (or a plain conditional render with a button, if pulling in the whole Collapse component for one panel feels heavy).