ContextMenu

Right-click Context Menu

Right-click anywhere inside the dashed box below to open the context menu. Demonstrates icons, shortcuts, disabled items, and dividers.

Right-click this area

Usage

@overlays.ContextMenu("file-ctx", overlays.ContextMenuProps{Width: "w-56"}) {
    <div>Right-click this area</div>
    @overlays.ContextMenuItem(overlays.ContextMenuItemProps{Label: "Open",    Shortcut: "↵"})
    @overlays.ContextMenuItem(overlays.ContextMenuItemProps{Label: "Rename",  Shortcut: "F2"})
    @overlays.ContextMenuItem(overlays.ContextMenuItemProps{Label: "Share…",  Disabled: true})
    @overlays.ContextMenuItem(overlays.ContextMenuItemProps{
        Label:    "Delete",
        Danger:   true,
        Shortcut: "⌫",
        Divider:  true,
    })
}