# 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>