Accordion Numbered 1 - Numbered

Pro

Accordion with zero-padded step numbers before each title.

Shadcn Accordion Numbered 1 component

Component data

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

Accordion Numbered 1 component design & features

A mono, zero-padded index sits before each title and the content is indented to line up with the title text. The plus indicator sits on the right.

Numbered items fit setup guides and onboarding steps where order matters.