chrome:shell.skip

generated:catalog.entry.command-menu.title

generated:catalog.entry.command-menu.description

@xngui/components/command-menu
import { XCommandMenu } from '@xngui/components/command-menu';

chrome:demo.section

chrome:demo.preview

demo-preview:hints.category.navigation:
↑ ↓
demo-preview:hints.category.shortcuts:
TypeEnterEscape
demo-preview:projection.slots-label:
[xTrigger] ng-content
import { Component } from '@angular/core';
import { XCommandMenu, XCommandMenuGroup, XCommandMenuItem } from '@xngui/components/command-menu';
import { XKbd } from '@xngui/components/kbd';
import { XIcon } from '@xngui/icons';
 
@Component({
selector: 'app-example',
imports: [XCommandMenu, XCommandMenuGroup, XCommandMenuItem, XKbd, XIcon],
templateUrl: './command-menu.component.html',
})
export class ExampleComponent {}

chrome:demo.events.title

chrome:demo.events.empty

chrome:demo.api.title

x-command-menu

chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
placeholder
string
—
Search field placeholder — falls back to the `command-menu.search` i18n key when unset.
ariaLabel
string
—
Accessible name for the dialog surface.
shortcut
XMenuShortcut
—
Global keyboard shortcut that opens the palette (e.g. `['Ctrl', 'K']`).
size
XSize
—
Visual size tier — falls back to XConfigService when unset.
density
XDensity
—
Spacing offsets — orthogonal to `size`; falls back to XConfigService when unset.
showFooterHints
boolean
true
Show keyboard hint row in the dialog footer.