Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/means88/react-contextmenu
Personal modification for unmaintained repo.
https://github.com/means88/react-contextmenu
Last synced: 8 days ago
JSON representation
Personal modification for unmaintained repo.
- Host: GitHub
- URL: https://github.com/means88/react-contextmenu
- Owner: Means88
- License: mit
- Created: 2019-06-30T12:09:22.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-09T16:30:29.000Z (about 2 years ago)
- Last Synced: 2025-01-01T11:52:56.063Z (9 days ago)
- Language: JavaScript
- Size: 2.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
README
# !!! Looking for maintainers !!!
[![NPM version][npm-image]][npm-url]
[![Build Status][travis-image]][travis-url]
[![Dependency Status][deps-image]][deps-url]
[![Dev Dependency Status][dev-deps-image]][dev-deps-url]
[![Code Climate][climate-image]][climate-url]
[](https://nodei.co/npm/react-contextmenu/)
# React Contextmenu
ContextMenu in React with accessibility support. Live Examples can be found [here](//vkbansal.github.io/react-contextmenu/)
## Table of contents
- [Installation](#installation)
- [Browser Support](#browser-support)
- [Usage](#usage)
- [API](#api)
- [FAQs](#faqs)
- [Contributors](#contributors)
- [Changelog](#changelog)
- [License](#license)
## 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
```jsx
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 (
Right click to see the menu
ContextMenu Item 1
ContextMenu Item 2
ContextMenu Item 3
);
}
ReactDOM.render(, 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?
- [react-data-grid](https://github.com/adazzle/react-data-grid)
- [teamup.com](https://teamup.com)
- [Spotify Web Player](https://open.spotify.com)
## Contributors
[All Contributors](https://github.com/vkbansal/react-contextmenu/graphs/contributors)
## Changelog
For Changelog, see [releases](https://github.com/vkbansal/react-contextmenu/releases)
## License
[MIT](./LICENSE.md). Copyright(c) [Vivek Kumar Bansal](http://vkbansal.me/)
[npm-url]: https://npmjs.org/package/react-contextmenu
[npm-image]: http://img.shields.io/npm/v/react-contextmenu.svg?style=flat-square
[travis-url]: https://travis-ci.org/vkbansal/react-contextmenu
[travis-image]: http://img.shields.io/travis/vkbansal/react-contextmenu/master.svg?style=flat-square
[deps-url]: https://david-dm.org/vkbansal/react-contextmenu
[deps-image]: https://img.shields.io/david/vkbansal/react-contextmenu.svg?style=flat-square
[dev-deps-url]: https://david-dm.org/vkbansal/react-contextmenu
[dev-deps-image]: https://img.shields.io/david/dev/vkbansal/react-contextmenu.svg?style=flat-square
[climate-url]: https://codeclimate.com/github/vkbansal/react-contextmenu
[climate-image]: http://img.shields.io/codeclimate/github/vkbansal/react-contextmenu.svg?style=flat-square