Collapse

v1.0.0

A 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
isOpenbooleanrequiredThe active controlled state dictating if the container expands to logical height limit.
childrenReact.ReactNoderequiredContent body to be managed inside the collapse boundaries.
animateOpacitybooleantrueWhether to animate children alphas seamlessly linked with dimension alterations.
unmountOnExitbooleantrueDictates whether closed structural sections are wholly ripped from React memory contexts to optimize layer rendering.
classNamestring''Optional explicit standard string variable mutating base wrapper classes.
© 2026 Venti UI Labs. UI made right.