Accordion

accordionPage structure

Stacked sections that open in place. Use it for answers and secondary detail people scan for; keep what everyone needs outside it.

bunx --bun shadcn@4.17.0 add @waimakers/accordion
Kit dependencies
utilstheme
npm dependencies
@base-ui/react@1.9.0lucide-react@1.33.0

From the registry

Collapsed by default; the trigger carries the count and the chevron is the only affordance. No underline on hover, no orange — the focus ring is --text.

Examples

Single

Collapsed by default. Opening one closes the others.

Multiple

Pass multiple to let several sections stay open at once.

Stand-up, design review and the client prep call.

Stand-up and quarterly planning.

Open by default

Open the section most people need with defaultValue.

Add it from the skills page. It is on for every agent you own.

Disabled

A disabled item cannot open and is skipped by the keyboard.

Focus

The trigger takes the shared text-colour focus ring.