Context menu - Pharen

Mit Context menu kannst du kontextbezogene Inhalte oder Feedback anzuzeigen. Diese Seite dokumentiert alle Vue-Komponenten, die das Modul öffentlich exportiert.

Installiere das Paket und importiere die Styles einmalig. Die vollständigen Schritte findest du unter Installation.

Import

import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from '@pharen/ui';

Beispiel

<script setup lang="ts">
import { ContextMenu, ContextMenuTrigger, ContextMenuContent } from '@pharen/ui';
</script>

<template>
  <ContextMenu>
    <ContextMenuTrigger>Open context menu</ContextMenuTrigger>
    <ContextMenuContent>Context menu content</ContextMenuContent>
  </ContextMenu>
</template>

Exporte

Export	Aufgabe
`ContextMenu`	Exportierte Vue-Komponente dieses Moduls.
`ContextMenuCheckboxItem`	Stellt ein einzelnes Element dar.
`ContextMenuContent`	Enthält den sichtbaren Inhalt.
`ContextMenuGroup`	Gruppiert zusammengehörige Elemente.
`ContextMenuItem`	Stellt ein einzelnes Element dar.
`ContextMenuLabel`	Beschriftet einen Wert oder Bereich.
`ContextMenuPortal`	Exportierte Vue-Komponente dieses Moduls.
`ContextMenuRadioGroup`	Gruppiert zusammengehörige Elemente.
`ContextMenuRadioItem`	Stellt ein einzelnes Element dar.
`ContextMenuSeparator`	Trennt benachbarte Bereiche.
`ContextMenuShortcut`	Exportierte Vue-Komponente dieses Moduls.
`ContextMenuSub`	Exportierte Vue-Komponente dieses Moduls.
`ContextMenuSubContent`	Enthält den sichtbaren Inhalt.
`ContextMenuSubTrigger`	Öffnet oder aktiviert die Komponente.
`ContextMenuTrigger`	Öffnet oder aktiviert die Komponente.

Quellcode

Quellcode auf GitHub öffnen