Command
The ⌘K palette — a searchable, keyboard-driven list of everything you can jump to.
The searchable palette. CommandDialog is the ⌘K form — it is a Dialogwith the scrim and close button removed. This site's own search is built from it; press ⌘K to see it.
Inline
Filtering is yours to implement — the component owns the shell and the keyboard navigation, not the matching. Arrow keys move between items from the input as well as from the list.
No results found.
Pages
Home⌘1
About
Actions
New page
Publish
Props
CommandInput
| Prop | Type | Default | Description |
|---|---|---|---|
onValueChange | (value: string) => void | — | Called with the query string. |
hint | ReactNode | — | Trailing slot in the input row — typically an `Esc` chip. |
CommandGroup
| Prop | Type | Default | Description |
|---|---|---|---|
heading | ReactNode | — | Group label. |
count | number | — | Result tally shown beside the heading. |
CommandItem
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | — | Passed back to `onSelect`. |
disabled | boolean | — | Skipped by keyboard navigation. |
onSelect | (value?: string) => void | — | Fires on click, Enter or Space. |