Dropdown Menu Settings 1 - Theme selector

Pro

Settings menu radio group for light, dark, and system theme.

Shadcn Dropdown Menu Settings 1 component

Component data

ID
dropdown-menu/dropdown-menu-settings-1
Access
pro
Created
Oct 5, 2025
Type
example
Libraries
Radix UI, Base UI, React Aria

Dropdown Menu Settings 1 component design & features

This dropdown exposes theme choices as DropdownMenuRadioItem entries bound to the app theme provider. System option follows OS preference while light and dark force a mode.

Theme menus appear in headers and command palettes where users expect quick appearance changes. Radio grouping prevents conflicting theme flags.