Dropdown Menu Settings 3 - Preferences dropdown

Pro

Menu with checkbox toggles for notifications, sounds, and compact mode.

Shadcn Dropdown Menu Settings 3 component

Component data

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

Dropdown Menu Settings 3 component design & features

This dropdown uses multiple DropdownMenuCheckboxItem entries for boolean preferences such as email alerts, sounds, and compact layout. Checked state mirrors persisted user settings.

Preference menus suit apps with a handful of toggles users flip often. They are lighter than a settings page for binary choices that do not need explanation paragraphs.