Components
/
Command
Command
Fast, composable, unstyled command menu for React.
No results found.
Calendar
Search Emoji
Calculator
Installation
1npx shadcn@latest add https://ui.saturation.io/r/command.jsonUsage
1600 dark:text-blue-400">class="text-purple-600 dark:text-purple-400">import {2 Command,3 CommandDialog,4 CommandEmpty,5 CommandGroup,6 CommandInput,7 CommandItem,8 CommandList,9 CommandSeparator,10 CommandShortcut,11} 600 dark:text-blue-400">class="text-purple-600 dark:text-purple-400">from 600 dark:text-blue-400">class="text-purple-600 dark:text-purple-400">class="text-orange-600 dark:text-orange-400">'@/components/ui/command'Examples
Basic
No results found.
Calendar
Search Emoji
Calculator
Dialog
To show the command menu in a dialog, use the CommandDialog component.
Command Palette
Search for a command to run...
With Groups
Use CommandGroup to organize items into sections with headings.
No results found.
Calendar
Search Emoji
Calculator
Profile⌘P
Mail⌘B
Settings⌘S
API Reference
Command
The root command component. Contains all other command components.
CommandDialog
A command menu displayed in a dialog. Accepts all Dialog props.
CommandInput
The search input for filtering command items.
CommandList
Contains command items and groups. Automatically filters based on search input.
CommandEmpty
Displayed when no results are found.
CommandGroup
A group of command items with an optional heading.
CommandItem
A command item. Can be selected and triggered.
CommandShortcut
Displays a keyboard shortcut hint for a command item.
CommandSeparator
A visual separator between command groups.