Studiov0.6.0

Accordion

Tier 1shadcn
Data Display

A collapsible panel list where items can be expanded to reveal content.

Live Preview

Code

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

<Accordion />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • FAQ sections
  • Settings panel groups
  • Nested navigation

Do

  • Use type='single' for exclusive expansion
  • Keep trigger text descriptive

Don't

  • Don't nest accordions more than 2 levels
  • Don't use for frequently accessed content — keep it visible