Componente

Context Menu

Directiva que añade un menú contextual al hacer clic derecho sobre cualquier elemento. Soporta separadores, ítems deshabilitados y variantes de peligro.

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

Clic derecho sobre el área

🖱️ Clic derecho aquí

Menú con variante danger

🗂️ Elemento de lista

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();
  }
}