Accordion List 3 - List as Settings Navigation

Pro

Settings sidebar where icon sections expand into grouped links.

Shadcn Accordion List 3 component

Component data

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

Accordion List 3 component design & features

Each section is an icon and label that opens a short list of links on a left rule. The current page link is marked with aria-current and a muted background.

Use it as a settings or docs sidebar where sections group a handful of pages.