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

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.