← ui-lab

Accordion

A stack of headered, collapsible panels. Each header is a button inside a heading with aria-expanded and aria-controls; each panel is a labelled region. Opening one panel closes the others (single-open), and Arrow keys plus Home/End move focus between headers (ARIA APG accordion pattern).

Preview

Installation

npx shadcn@latest add https://ui.publictheta.com/r/accordion.json

Conformance

This component conforms to the @publictheta/ui-spec accordion specification. Run the suite against any implementation with pnpm conformance.