The Collapse component provides a smooth, animated way to show and hide content. It's particularly useful for creating space-efficient interfaces and progressive disclosure of information.

Basic Collapse

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

This content will be collapsed/expanded with a smooth animation. You can put any content here, including other React components.

Default Expanded

A collapsible section that starts expanded by default.

This content is expanded by default. Click the button to collapse it.