Shadcn.io is not affiliated with official shadcn/ui
Profile with Preferences
A React profile dropdown with DropdownMenuCheckboxItem toggles for Email Notifications, Push Notifications, and Auto-save preferences
Quick settings toggles save clicks—users adjust preferences without navigating to settings pages. This React profile dropdown adds DropdownMenuCheckboxItem components below standard Profile and Settings options using shadcn/ui and Lucide React featuring Email Notifications, Push Notifications, and Auto-save with useState managing checked state. Built with Radix UI primitives and onCheckedChange handlers. The quick preferences pattern improves efficiency—perfect for productivity apps, dashboards, communication tools, or anywhere frequently-adjusted settings need instant access.
Profile with Preferences preview
Installation
Related Components
Basic Profile Dropdown
Simple profile menu without preferences
Profile with Status
Enhanced profile with badges
Account Settings
Grouped settings sections
Checkbox Dropdown
Basic checkbox menu pattern
Switch Component
Alternative toggle UI
Checkbox Component
Form checkbox input
FAQ
Was this page helpful?
Sign in to leave feedback.