Version:

Install ​

shell
npm i @mate-react/context-menu

Import ​

tsx
import { MateContextMenu } from '@mate-react/context-menu';

Variants ​

Default ​

tsx
<MateContextMenu items={[{text: 'Bearbeiten'}, {text: 'Kopieren'}, {text: 'Löschen'}]}>
  <p>Rechtsklick zum Öffnen des Kontextmenüs</p>
</MateContextMenu>

With Sub Menu ​

tsx
<MateContextMenu items={[{text: 'Erstellen'}, {text: 'Exportieren', children: [{text: 'Als PDF'}, {text: 'Als Excel'}]}, {text: 'Löschen'}]}>
  <p>Rechtsklick für Menü mit Untermenü</p>
</MateContextMenu>

With Disabled Item ​

tsx
<MateContextMenu items={[{text: 'Bearbeiten'}, {text: 'Löschen', disabled: true}]}>
  <p>Kontextmenü mit deaktiviertem Element</p>
</MateContextMenu>