Shadcn.io is not affiliated with official shadcn/ui
With Select All Option
A React multi-select combobox with Select All option separated by CommandSeparator enabling bulk selection and deselection of all items with shadcn/ui
Permissions need bulk actions—selecting one by one wastes time. This React multi-select combobox adds Select All CommandItem with font-medium styling using CommandSeparator visual boundary between bulk action and individual permissions. Built with shadcn/ui Command and Popover featuring allSelected check comparing selectedValues length to total items. The Select All pattern streamlines bulk operations—perfect for permission systems, feature toggles, notification preferences, or anywhere users frequently need all or most options eliminating tedious individual clicking through efficient batch selection.
With Select All Option preview
Installation
Related Components
Multiple Items with Badges
Badge display with removal buttons
With Clear All Functionality
Clear button in trigger
With Max Selections Limit
Limited selection count
With Item Count in Trigger
Count-based trigger display
Select All Checkbox
Checkbox-based select all pattern
Categories with Separators
CommandSeparator usage
FAQ
Was this page helpful?
Sign in to leave feedback.
With Max Selections Limit
A React multi-select combobox with maximum selection limit showing X/MAX format in trigger and disabling unselected items when limit reached with shadcn/ui
Color-Coded Items
A React combobox with color-coded items using size-3 rounded-full colored dots for visual category differentiation with Tailwind background colors and shadcn/ui