Hextech UI

Accordion

Live example

Accordion

Installation

Terminal
npx shadcn@latest add https://hextech-ui.vercel.app/r/accordion.json

API reference

These are the main Accordion options. See the exported TypeScript types for inherited native or primitive props.

PropTypeDefault
value / defaultValuestring[]—
multiplebooleanfalse
valuestring (item)—

Expanded items

Use value and onValueChange to own expanded values, or defaultValue. Set multiple when several panels can remain open. Put meaningful text in each trigger and keep nested controls out of the trigger button.