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.

Content to be collapsed/expanded

Default Expanded

A collapsible section that starts expanded by default.

Content that's expanded by default