Collapsible.
Smooth content expansion for secondary sections.
Fine-tune the controls you need, without overwhelming the interface.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
title | string | Yes | — | — | Heading displayed in the trigger. |
children | ReactNode | Yes | — | — | Body shown when expanded. |
defaultOpen | boolean | No | false | true · false | Initial expansion state. |
className | string | No | — | — | Additional CSS class on the outer component element. |