Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vkbansal/react-contextmenu
Project is no longer maintained
https://github.com/vkbansal/react-contextmenu
contextmenu contextmenu-component react react-component
Last synced: about 1 month ago
JSON representation
Project is no longer maintained
- Host: GitHub
- URL: https://github.com/vkbansal/react-contextmenu
- Owner: vkbansal
- License: mit
- Archived: true
- Created: 2015-07-04T17:26:13.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2020-08-11T04:39:01.000Z (about 4 years ago)
- Last Synced: 2024-05-01T23:41:08.203Z (6 months ago)
- Topics: contextmenu, contextmenu-component, react, react-component
- Language: JavaScript
- Homepage:
- Size: 1.56 MB
- Stars: 1,407
- Watchers: 31
- Forks: 378
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-list - react-contextmenu - Context Menu implemented in React. (Demos / Menu)
- awesome-react-components - react-contextmenu - Context Menu implemented in React. (UI Components / Menu)
- awesome-react-components - react-contextmenu - Context Menu implemented in React. (UI Components / Menu)
- awesome - react-contextmenu - Context Menu implemented in React (JavaScript)
README
# Project is no longer maintained
[![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 (
{/* NOTICE: id must be unique between EVERY and pair */}
{/* NOTICE: inside the pair, and must have the same id */}
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