Component

Context Menu

Directive that adds a context menu on right-click over any element. Supports separators, disabled items and danger variants.

import { NeuContextMenuDirective } from '@neural-ui/core/context-menu';
import type { NeuContextMenuItem } from '@neural-ui/core/context-menu';

Right-click on the area

🖱️ Right-click here

Menu with danger variant

🗂️ List element

import { NeuContextMenuDirective } from '@neural-ui/core/context-menu';
import { NeuContextMenuItem } from '@neural-ui/core/context-menu';

@Component({
  imports: [NeuContextMenuDirective],
  template: `
    <div
      [neuContextMenu]="items"
      (menuItemClick)="onItem($event)"
    >
      Right-click here
    </div>
  `
})
export class MyComponent {
  items: NeuContextMenuItem[] = [
    { key: 'edit',   label: 'Edit' },
    { key: 'delete', label: 'Delete', variant: 'danger' },
  ];

  onItem(item: NeuContextMenuItem) {
    if (item.key === 'delete') this.delete();
  }
}