Command

FREE

Command palette with search, groups, shortcuts and keyboard navigation; opens with ⌘K.

Installation

Terminal

npx @bloxa/cli add command
# or: npx shadcn@latest add @bloxa/command

Examples

⌘K command palette

Open it with the button; use arrows and Enter. Keywords match too, e.g. "logout". In your app it opens with ⌘K / Ctrl+K by default (here ⌘K opens the site search).

Inline

API reference

Every component also accepts the props of the element it renders.

Command

Use with CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem and CommandSeparator.

Prop	Type	Default	Description
filter	(text, query) => boolean	—	Custom matcher; default is word-based, Turkish-aware and accent-insensitive.
loop	boolean	true	Wrap around with the arrow keys.

CommandItem

Prop	Type	Default	Description
value	string	—	Unique value; searched.
keywords	string[]	—	Extra search words.
onSelect	(value) => void	—	On click or Enter.
icon / shortcut / disabled	ReactNode / string[] / boolean	—	Icon, shortcut keys, disabled.

CommandDialog

Prop	Type	Default	Description
hotkey	string \| false	"k"	Key that opens it with ⌘/Ctrl.
open / onOpenChange	boolean / (open) => void	—	Controlled open state.