Accordion Numbered 4 - Lettered

Pro

Accordion that labels each option with a letter tile, A, B and C.

Shadcn Accordion Numbered 4 component

Component data

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

Accordion Numbered 4 component design & features

Items are labelled with mono letters in small muted tiles. The open item's letter darkens, which suits comparing a short list of options.

Lettered items work for plan choices, decision lists and quiz-style content.