Accordion Settings 1 - Settings

Pro

Settings accordion where each trigger shows the setting name and its current value, with a radio group inside.

Shadcn Accordion Settings 1 component

Component data

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

Accordion Settings 1 component design & features

Each row reads like a settings line: the name on the left and the current choice in muted text on the right. Opening a row reveals a radio group for changing it.

Use it for preference pages where people scan current values first and only open the ones they want to change.