Collapse
v1.0.0A collapsible content panel.
Basic Toggle
Click the button to toggle the content visibility.
Without Opacity Fade
Disable the opacity fade for a rigid transition.
Unmount Constraints
Content stays mounted in the DOM when collapsed.
API Reference
All available props for this component.
Property | Type | Default | Description |
|---|---|---|---|
| isOpen | boolean | required | The active controlled state dictating if the container expands to logical height limit. |
| children | React.ReactNode | required | Content body to be managed inside the collapse boundaries. |
| animateOpacity | boolean | true | Whether to animate children alphas seamlessly linked with dimension alterations. |
| unmountOnExit | boolean | true | Dictates whether closed structural sections are wholly ripped from React memory contexts to optimize layer rendering. |
| className | string | '' | Optional explicit standard string variable mutating base wrapper classes. |