Navigation

CommandPalette

Every action and page, searchable from the keyboard with ⌘K.

import { CommandPalette } from '@alea/ui';

Examples

Press ⌘K (Ctrl+K) anywhere, or the button.

Search every action and page from the keyboard (⌘K).

Prop	Type	Default	Description
`commands`required	`Command[]`	-	The commands, in groups: id, label, icon, shortcut, keywords and onAction.
`emptyText`	`ReactNode`	`'No results'`	Shown when nothing matches.
`hotkey`	`boolean`	`true`	Opens with ⌘K / Ctrl+K anywhere. Default true.
`isOpen`	`boolean`	-	Whether it is open (controlled). Without it, the shortcut toggles it.
`onOpenChange`	`((open: boolean) => void)`	-	Called when it opens or closes.
`placeholder`	`string`	`'Type a command or search…'`	Shown in the search field. Default "Search or run a command…".

A dialog with a search field and a menu of results; arrow keys move without leaving the field.

Don't