Skip to content
Xng UI
Docs CDK Components Tools Contribute About

Context menu

@xngui/components/context-menu
@xngui/components/context-menu

Directive — right-click `[xContextMenuTriggerFor]` opens x-menu at the pointer.

Preview

Right-click this area
import { Component } from '@angular/core';
import { XContextMenu } from '@xngui/components/context-menu';
import { XMenu } from '@xngui/components/menu';
import { XMenuGroup } from '@xngui/components/menu-group';
import { XMenuItem } from '@xngui/components/menu-item';
import { XMenuSeparator } from '@xngui/components/menu-separator';
 
@Component({
selector: 'app-example',
imports: [XContextMenu, XMenu, XMenuGroup, XMenuItem, XMenuSeparator],
templateUrl: './context-menu.component.html',
})
export class ExampleComponent {}

Events

Interact with the preview — events will appear here.