The Collapse component provides a smooth, animated way to show and hide content. Below are various examples demonstrating its capabilities and usage patterns.

Basic Collapse

A simple collapsible section that can be toggled with a button click.

Content to be collapsed/expanded

Default Expanded

A collapsible section that starts expanded by default.

Content that's expanded by default

Unmount on Exit

Unmounts the content when collapsed for better performance with large content.

Custom Transition

Customize the transition duration and easing function.

Custom transition content