Components

Command Palette

Search everything and act on it from the keyboard: a field over a list that narrows as you type, opened with ⌘K.

Import

import { CommandPalette, useCommandPaletteShortcut } from '@rinzai/zen';

API reference

<CommandPalette>

Search everything and act on it (pages, commands, records): a field over a list that narrows as you type. Arrow keys move, Enter runs the item and closes. Open it from a button, or anywhere with ⌘K / Ctrl+K (useCommandPaletteShortcut).

Prop	Type	Default
`items`Required	`CommandItem[]`	`—`
`onOpenChange`Required	`(open: boolean) => void`	`—`
`open`Required	`boolean`	`—`
`className`	`string`	`—`
`empty` Shown when nothing matches.	`ReactNode`	`No results`
`label` Names the palette and its list, for screen readers.	`string`	`Commands`
`placeholder`	`string`	`Search…`