Command Palette — Playground
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.
| Name | Type | Default | Description |
|---|---|---|---|
| open | ModelSignal<boolean> | — | Two-way model controlling overlay visibility. |
| groups | readonly KuiCommandGroup[] | — | Command groups rendered in the list. |
| loading | boolean | — | Renders skeleton rows and sets aria-busy. |
| placeholder | string | undefined | — | Search input placeholder. Undefined when omitted: the text comes from the commandPalette.placeholder message. |
| label | string | undefined | — | Accessible label for the modal dialog and search input. Defaults to the commandPalette.label message. |
| emptyText | string | undefined | — | Empty-state title when no command matches. Defaults to the commandPalette.empty message. |
| query | ModelSignal<string> | — | Two-way model for the current search value. |
| selected | OutputEmitterRef<KuiCommandItem> | — | Emits the selected command item. |
| messages | Partial<KuiCommandPaletteMessages> | undefined | undefined | Per-instance text overrides (placeholder, label, empty, emptyDescription, clearSearch, key hints and the rest). They win over scoped and root messages. |
| KuiCommandItem.id | string | - | 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.