react-context-menu
A lightweight right-click context menu implemented in React.
To use:
Install the component in your project:
npm install react-context-menu --save
or, if using yarn:
yarn add --dev react-context-menu
Import the component into your project:
;
Pass a contextId
, and an array of menu items with labels, onClick
functions, and optional icon paths -- like so:
<ContextMenu = = />
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.
Pass closeOnClick
(boolean defaulted to false
) to ContextMenu
to close
the menu upon item click.
Pass closeOnClickOut
(boolean defaulted to false
) to ContextMenu
to close
the menu upon clicking outside of the menu (versus the default, which will close
the menu when the mouse moves outside of the menu boundary).