Accordion Controls 3 - Open Counter

Pro

Multi-open accordion with an open-item counter and one toggle button.

Shadcn Accordion Controls 3 component

Component data

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

Accordion Controls 3 component design & features

A live counter shows how many items are open. The single button reads Expand all until everything is open, then switches to Collapse all.

The counter fits guideline and policy lists where people open several sections at once.