Accordion Group 1 - Grouped

Pro

Accordion split into labelled groups that share a single open item.

Shadcn Accordion Group 1 component

Component data

ID
accordion/accordion-group-1
Access
pro
Created
Oct 30, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Accordion Group 1 component design & features

Items are split into labelled bordered groups, but they all belong to one accordion, so opening an item in one group closes the open item in another.

Grouping keeps long help lists organised by topic, such as billing and account questions.