Accordion Numbered 5 - Numbered with Counter

Pro

Accordion with a '1 / 4' style counter on the right of each title.

Shadcn Accordion Numbered 5 component

Component data

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

Accordion Numbered 5 component design & features

A faint mono counter sits before the indicator and shows each item's position in the list. It brightens on the open item.

Position counters suit onboarding checklists and short multi-step guides.