Back
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
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,
})
}