Command Palette — Playground

px
messages
groups
State
<button kuiButton type="button" (click)="open.set(true)">Open command palette</button>

<kui-command-palette
  [(open)]="open"
  [(query)]="query"
  [groups]="groups"
  (selected)="runCommand($event)"
/>
Command palette events
  • No events yet.
NameTypeDefaultDescription
openModelSignal<boolean> — Two-way model controlling overlay visibility.
groupsreadonly KuiCommandGroup[] — Command groups rendered in the list.
loadingboolean — Renders skeleton rows and sets aria-busy.
placeholderstring | undefined — Search input placeholder. Undefined when omitted: the text comes from the commandPalette.placeholder message.
labelstring | undefined — Accessible label for the modal dialog and search input. Defaults to the commandPalette.label message.
emptyTextstring | undefined — Empty-state title when no command matches. Defaults to the commandPalette.empty message.
queryModelSignal<string> — Two-way model for the current search value.
selectedOutputEmitterRef<KuiCommandItem> — Emits the selected command item.
messagesPartial<KuiCommandPaletteMessages> | undefinedundefinedPer-instance text overrides (placeholder, label, empty, emptyDescription, clearSearch, key hints and the rest). They win over scoped and root messages.
KuiCommandItem.idstring-Required stable key, unique across every group of one palette. Development builds report empty, whitespace-containing and duplicate ids.

Inputs and outputs verified against @kikita-labs/ui v2.0.0 public typings.