Add contextmenu to your react component with ease
npm install react-contexify-menu
!Build Status ![npm]() ![npm]() ![license]() 
!readme-ctx
sh
$ yarn add react-contexify
`
Using npm
`sh
$ npm install --save react-contexify
`
The gist
`js
import React from 'react';
import { Menu, Item, Separator, Submenu, MenuProvider } from 'react-contexify';
import 'react-contexify/dist/ReactContexify.min.css';
const onClick = ({ event, props }) => console.log(event,props);
// create your menu first
const MyAwesomeMenu = () => (
);
const App = () => (
Right click me...
);
`
To-Do
- [ ] Allow keyboard navigation
- [ ] Accessibility
- [ ] RTL support
- [ ] Add release notes
Browser Support
!IE | !Chrome | !Firefox | !Opera | !Safari | !Edge
--- | --- | --- | --- | --- | --- |
IE 11+ ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |
Contribute
Any idea and suggestions are welcome. There is a playground to help you start, just run yarn start`.