CommandPalette
ShowcaseComponentsCommandPalette
Navigation

CommandPalette.

Search commands using the familiar ⌘K shortcut.

Real interactive component
Live demo

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

5 props
ParameterTypeRequiredDefaultPossible valuesDescription
itemsCommandItem[]Yes——Commands with IDs, labels, descriptions, groups and callbacks.
openbooleanYes—true · falseControlled dialog state.
onOpenChange(open: boolean) => voidYes——Controls showing/dismissing the command palette.
placeholderstringNoSearch commands...—Search box hint.
classNamestringNo——Additional CSS class on the outer component element.