Command menu

Searchable command palette in a modal dialog with keyboard shortcuts.

@xngui/components/command-menu

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

Preview

Navigation:

↑ ↓

Shortcuts:

Type

Enter

Escape

Content projection:

[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 {}

Interact with the preview — events will appear here.