@airsquire/air-react-context-menu

A lightweight right-click context menu implemented in React.

Usage no npm install needed!

<script type="module">
  import airsquireAirReactContextMenu from 'https://cdn.skypack.dev/@airsquire/air-react-context-menu';
</script>

README

react-context-menu (Airsquire)

A lightweight right-click context menu implemented in React.

This fork is solving the ./style.css importing issue

example right-click menu

To use:

Install the component in your project:

npm install react-context-menu --save

Import the component into your project:

import ContextMenu from 'air-react-context-menu';

Pass a contextId, and an array of menu items with labels, onClick functions, and optional icon paths -- like so:

<ContextMenu contextId={'clickable-area'} items={[{label: 'Configure', onClick: this.configHandler, icon: 'path/to/icon.svg'}, {label: 'Delete', onClick: this.deleteHandler}]} />

The contextId is the area in which you'd like right-click functionality. Add a unique id to your right-clickable element, and react-context-menu will be available anywhere within that element.