Studiov0.6.0

Accordion

Tier 1 — shadcn
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