Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA ⌘K spotlight dialog with fuzzy search, grouped commands, full keyboard navigation, match highlighting, and motion-powered open/close transitions.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
The palette registers a global ⌘K / Ctrl+K hotkey by default. Set hotkey={null}
to disable it, or pass something like hotkey="mod+j" to rebind.
A flat command list with its own ⌘J hotkey and a custom empty message.
| Key | Action |
|---|---|
⌘ K / Ctrl K | Toggle the palette (default) |
↑ ↓ | Move between results |
Home End | Jump to first / last result |
↵ | Run the highlighted command |
Esc | Close the palette |
| Prop | Type | Default | Description |
|---|---|---|---|
commands | CommandPaletteItem[] | - | The commands to render and search. |
open | boolean | - | Controlled open state. |
onOpenChange | (open: boolean) => void | - | Called when the palette requests an open-state change. |
defaultOpen | boolean | false | Initial open state when uncontrolled. |
placeholder | string | "Type a command or search…" | Search input placeholder. |
emptyMessage | string | "No results found." | Shown when no command matches. |
hotkey | string | null | "mod+k" | Global toggle hotkey. mod = ⌘ on macOS, Ctrl elsewhere. null disables. |
className | string | - | Classes applied to the dialog panel. |
| Prop | Type | Description |
|---|---|---|
id | string | Stable unique identifier. |
label | string | Primary text, used for matching and highlighting. |
description | string | Optional secondary line under the label. |
icon | React.ReactNode | Optional leading icon. |
shortcut | string[] | Keys rendered on the right, e.g. ["⌘", "P"]. |
keywords | string[] | Extra terms used for matching but not displayed. |
group | string | Section heading. Ungrouped items render first. |
disabled | boolean | Renders the item as non-interactive. |
onSelect | () => void | Invoked when the item is chosen (click or Enter). |