Context menu

useBsContextMenu replaces the browser's context menu on an element. A right-click opens the content at the pointer; Shift+F10 and the ContextMenu key open it at the element. Escape, a click elsewhere, scrolling or choosing an item closes it, and focus returns.

Basic usage

Right-click here

Chosen: nothing yet

Source

import { useBsContextMenu } from '@mintplayer/react-bootstrap/context-menu';import { BsDropdownItem, BsDropdownMenu } from '@mintplayer/react-bootstrap/dropdown';const [props, menu] = useBsContextMenu({  content: (    <BsDropdownMenu onItemSelect={({ value }) => setChosen(String(value))}>      <BsDropdownItem value="cut">Cut</BsDropdownItem>      <BsDropdownItem value="copy">Copy</BsDropdownItem>      <BsDropdownItem value="paste">Paste</BsDropdownItem>    </BsDropdownMenu>  ),});<div tabIndex={0} {...props}>Right-click here</div>{menu}