Studiov0.6.0

Collapsible

Tier 1shadcn
Data Display

A single show/hide toggle panel for secondary content that can be collapsed.

Live Preview

Code

import { Collapsible } from "@regen/ui";

<Collapsible />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • Advanced options sections
  • Read more expansions
  • Optional form fields

Do

  • Use CollapsibleTrigger with a clear expand/collapse label
  • Animate height transition

Don't

  • Don't use for multiple panels — use Accordion
  • Don't hide required content