Command Palette — Playground

px
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)"
/>
NameTypeDefaultDescription
openModelSignal<boolean>Two-way model controlling overlay visibility.
groupsreadonly KuiCommandGroup[]Command groups rendered in the list.
loadingbooleanRenders skeleton rows and sets aria-busy.
placeholderstringSearch input placeholder.
labelstringAccessible label for the modal dialog and search input.
emptyTextstringEmpty-state title when no command matches.
queryModelSignal<string>Two-way model for the current search value.
selectedOutputEmitterRef<KuiCommandItem>Emits the selected command item.

Inputs and outputs verified against @kikita-labs/ui v1.6.1 public typings.