Context Menu

The right-click menu, with its "Choose Option" header and coloured targets.

Installation

npx shadcn@latest add https://osrsui.com/r/context-menu.json

Usage

import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem } from "@/components/ui/context-menu"

<ContextMenu>
  <ContextMenuTrigger>…</ContextMenuTrigger>
  <ContextMenuContent>
    <ContextMenuItem target="Bank booth">Bank</ContextMenuItem>
    <ContextMenuItem>Cancel</ContextMenuItem>
  </ContextMenuContent>
</ContextMenu>

Notes

target renders in the menu-target orange (#ff9040); the highlighted option turns yellow, as in game. Change or remove the header with header.