Shadcn.io is not affiliated with official shadcn/ui
Dropdown with Checkboxes
A React dropdown menu with interactive checkboxes for toggling UI visibility options like Status Bar, Activity Bar, and Panel built with shadcn/ui
Ever buried view toggles in nested settings menus only to watch users struggle to find them? This React dropdown menu puts visibility controls front and center with checkboxes for Status Bar, Activity Bar, and Panel. Built with shadcn/ui and Radix UI with DropdownMenuCheckboxItem, it's perfect for IDE-style interfaces, dashboard customization, or any app where users want quick control over what they see.
Dropdown with Checkboxes preview
Installation
Related Components
Dropdown with Radio Items
Single-select options with radio buttons
Mixed Features Dropdown
Combines checkboxes with other controls
Filter Panel Drawer
Side panel with checkbox filters
Filter Popover
Compact filtering interface
Settings Dialog
Modal for configuration options
Context Menu with Checkboxes
Right-click menu with toggles
FAQ
Was this page helpful?
Sign in to leave feedback.
View Options
A React view options dropdown combining DropdownMenuRadioGroup for layout selection and DropdownMenuCheckboxItem for display toggles
Dropdown with Groups and Labels
A React dropdown menu organized with section labels and visual separators grouping related account and team actions built with shadcn/ui