Context menu

Right-click menu at the pointer. Escape and outside clicks close it.

Right-click me

Install

npx raster add context-menu

Markup

<div class="rs-menu" role="menu"><button class="rs-menu-item" role="menuitem">Copy</button><button class="rs-menu-item" role="menuitem">Paste</button><hr class="rs-menu-sep" /><button class="rs-menu-item" role="menuitem">Inspect</button></div>

React

import { ContextMenu } from "@/components/raster/context-menu";

<ContextMenu items={[{ label: "Copy", onSelect: copy }, { separator: true }, { label: "Inspect" }]}>
  <Canvas />
</ContextMenu>

Classes

.rs-menu.rs-menu-item.rs-menu-sep

Depends on

/select /dropdown-menu