Slate
View as Markdown Open in v0 Open in ChatGPT Open in Claude Open in Scira

Context Menu

A menu triggered by right-click, positioned at the cursor. Requires Alpine.js.

Usage
Right click here
example.blade.php 
<x-slate::context-menu>
    <x-slate::context-menu-trigger class="flex h-32 w-full items-center justify-center rounded-md border border-dashed text-sm text-muted-foreground">
        Right click here
    </x-slate::context-menu-trigger>
    <x-slate::context-menu-content>
        <x-slate::context-menu-label>Actions</x-slate::context-menu-label>
        <x-slate::context-menu-item>Back</x-slate::context-menu-item>
        <x-slate::context-menu-item>Forward</x-slate::context-menu-item>
        <x-slate::context-menu-separator />
        <x-slate::context-menu-item variant="destructive">Delete</x-slate::context-menu-item>
    </x-slate::context-menu-content>
</x-slate::context-menu>

Composition
code 
ContextMenu
├── ContextMenuTrigger
└── ContextMenuContent
    ├── ContextMenuLabel
    ├── ContextMenuItem
    └── ContextMenuSeparator
Last updated .