Elements

Reference

Command

The command palette: a modal sheet at the top of the page carrying a search field over the caller's commands, grouped as a ledger with a keycap hint at each row. The shell is the dialog machinery — scrim, focus trap, Escape — and the searching is the combobox machinery driving our own list: the vessel and the list live inside the sheet, so the combobox renders no separate popup and the machine's content grafts onto the sheet's list. The input part carries one `as never`: its prop union outgrows what h() can resolve (TS2590).

Content · Empty · Group · GroupLabel · Input · Item · ItemHint · List · Positioner

#Command

The command palette: a modal sheet at the top of the page carrying a search field over the caller's commands, grouped as a ledger with a keycap hint at each row. The shell is the dialog machinery — scrim, focus trap, Escape — and the searching is the combobox machinery driving our own list: the vessel and the list live inside the sheet, so the combobox renders no separate popup and the machine's content grafts onto the sheet's list.

The input part carries one as never: its prop union outgrows what h() can resolve (TS2590).

PropTypeDefaultDescription
itemsArray as PropType<CommandEntry[]>() => []—
placeholderStringundefined—
openBooleanundefined—
autoFilterBooleantrue—
inputValueStringundefined—
emptyTextString"No matching commands"—
onSelectFunction as PropType<(value: string) => void>undefined—