react-contextmenu alternatives and similar libraries
Based on the "Menu" category.
Alternatively, view react-contextmenu alternatives based on common mentions on social networks and blogs.
-
react-burger-menu
:hamburger: An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations -
-
-
-
-
-
Civic Auth - Auth in Less Than 5 Minutes
Do you think we are missing an alternative of react-contextmenu or a related project?
README
Project is no longer maintained
React Contextmenu
ContextMenu in React with accessibility support. Live Examples can be found [here](//vkbansal.github.io/react-contextmenu/)
Table of contents
Installation
Using npm
npm install --save react-contextmenu
Using yarn
yarn add react-contextmenu
Browser Support
- IE 11 and Edge >= 12
- FireFox >= 38
- Chrome >= 47
- Opera >= 34
- Safari >= 8
Usage
Simple example
import React from "react";
import ReactDOM from "react-dom";
import { ContextMenu, MenuItem, ContextMenuTrigger } from "react-contextmenu";
function handleClick(e, data) {
console.log(data.foo);
}
function MyApp() {
return (
<div>
{/* NOTICE: id must be unique between EVERY <ContextMenuTrigger> and <ContextMenu> pair */}
{/* NOTICE: inside the pair, <ContextMenuTrigger> and <ContextMenu> must have the same id */}
<ContextMenuTrigger id="same_unique_identifier">
<div className="well">Right click to see the menu</div>
</ContextMenuTrigger>
<ContextMenu id="same_unique_identifier">
<MenuItem data={{foo: 'bar'}} onClick={this.handleClick}>
ContextMenu Item 1
</MenuItem>
<MenuItem data={{foo: 'bar'}} onClick={this.handleClick}>
ContextMenu Item 2
</MenuItem>
<MenuItem divider />
<MenuItem data={{foo: 'bar'}} onClick={this.handleClick}>
ContextMenu Item 3
</MenuItem>
</ContextMenu>
</div>
);
}
ReactDOM.render(<MyApp myProp={12}/>, document.getElementById("main"));
see [usage docs](./docs/usage.md) / [examples](./examples) for more details.
API
[API docs](./docs/api.md)
FAQs
[ALL FAQs](./docs/faq.md)
Who's using react-contextmenu?
Contributors
Changelog
For Changelog, see releases
License
[MIT](./LICENSE.md). Copyright(c) Vivek Kumar Bansal
*Note that all licence references and agreements mentioned in the react-contextmenu README section above
are relevant to that project's source code only.