{"id":13493198,"url":"https://github.com/vkbansal/react-contextmenu","last_synced_at":"2025-09-28T20:31:45.352Z","repository":{"id":34594425,"uuid":"38541891","full_name":"vkbansal/react-contextmenu","owner":"vkbansal","description":"Project is no longer maintained","archived":true,"fork":false,"pushed_at":"2020-08-11T04:39:01.000Z","size":1633,"stargazers_count":1407,"open_issues_count":1,"forks_count":378,"subscribers_count":31,"default_branch":"master","last_synced_at":"2024-05-01T23:41:08.203Z","etag":null,"topics":["contextmenu","contextmenu-component","react","react-component"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vkbansal.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-07-04T17:26:13.000Z","updated_at":"2024-04-16T10:45:00.000Z","dependencies_parsed_at":"2022-08-25T18:20:28.843Z","dependency_job_id":null,"html_url":"https://github.com/vkbansal/react-contextmenu","commit_stats":null,"previous_names":[],"tags_count":52,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vkbansal%2Freact-contextmenu","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vkbansal%2Freact-contextmenu/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vkbansal%2Freact-contextmenu/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vkbansal%2Freact-contextmenu/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vkbansal","download_url":"https://codeload.github.com/vkbansal/react-contextmenu/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234117198,"owners_count":18782472,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["contextmenu","contextmenu-component","react","react-component"],"created_at":"2024-07-31T19:01:13.116Z","updated_at":"2025-09-28T20:31:40.040Z","avatar_url":"https://github.com/vkbansal.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","UI Components","Demos","\u003csummary\u003eUI Components\u003c/summary\u003e"],"sub_categories":["Menu"],"readme":"# Project is no longer maintained\n\n[![NPM version][npm-image]][npm-url]\n[![Build Status][travis-image]][travis-url]\n[![Dependency Status][deps-image]][deps-url]\n[![Dev Dependency Status][dev-deps-image]][dev-deps-url]\n[![Code Climate][climate-image]][climate-url]\n\n[![NPM](https://nodei.co/npm/react-contextmenu.png?downloads=true\u0026downloadRank=true\u0026stars=true)](https://nodei.co/npm/react-contextmenu/)\n\n# React Contextmenu\n\nContextMenu in React with accessibility support. Live Examples can be found [here](//vkbansal.github.io/react-contextmenu/)\n\n## Table of contents\n\n - [Installation](#installation)\n - [Browser Support](#browser-support)\n - [Usage](#usage)\n - [API](#api)\n - [FAQs](#faqs)\n - [Contributors](#contributors)\n - [Changelog](#changelog)\n - [License](#license)\n\n## Installation\n\nUsing npm\n\n```\nnpm install --save react-contextmenu\n```\n\nUsing yarn\n\n```\nyarn add react-contextmenu\n```\n\n## Browser Support\n- IE 11 and Edge \u003e= 12\n- FireFox \u003e= 38\n- Chrome \u003e= 47\n- Opera \u003e= 34\n- Safari \u003e= 8\n\n## Usage\n\nSimple example\n\n```jsx\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { ContextMenu, MenuItem, ContextMenuTrigger } from \"react-contextmenu\";\n\nfunction handleClick(e, data) {\n  console.log(data.foo);\n}\n\nfunction MyApp() {\n  return (\n    \u003cdiv\u003e\n      {/* NOTICE: id must be unique between EVERY \u003cContextMenuTrigger\u003e and \u003cContextMenu\u003e pair */}\n      {/* NOTICE: inside the pair, \u003cContextMenuTrigger\u003e and \u003cContextMenu\u003e must have the same id */}\n\n      \u003cContextMenuTrigger id=\"same_unique_identifier\"\u003e\n        \u003cdiv className=\"well\"\u003eRight click to see the menu\u003c/div\u003e\n      \u003c/ContextMenuTrigger\u003e\n\n      \u003cContextMenu id=\"same_unique_identifier\"\u003e\n        \u003cMenuItem data={{foo: 'bar'}} onClick={this.handleClick}\u003e\n          ContextMenu Item 1\n        \u003c/MenuItem\u003e\n        \u003cMenuItem data={{foo: 'bar'}} onClick={this.handleClick}\u003e\n          ContextMenu Item 2\n        \u003c/MenuItem\u003e\n        \u003cMenuItem divider /\u003e\n        \u003cMenuItem data={{foo: 'bar'}} onClick={this.handleClick}\u003e\n          ContextMenu Item 3\n        \u003c/MenuItem\u003e\n      \u003c/ContextMenu\u003e\n\n    \u003c/div\u003e\n  );\n}\n\nReactDOM.render(\u003cMyApp myProp={12}/\u003e, document.getElementById(\"main\"));\n```\n\nsee [usage docs](./docs/usage.md) / [examples](./examples) for more details.\n\n## API\n\n[API docs](./docs/api.md)\n\n## FAQs\n\n[ALL FAQs](./docs/faq.md)\n\n## Who's using react-contextmenu?\n- [react-data-grid](https://github.com/adazzle/react-data-grid)\n- [teamup.com](https://teamup.com)\n- [Spotify Web Player](https://open.spotify.com)\n\n## Contributors\n\n[All Contributors](https://github.com/vkbansal/react-contextmenu/graphs/contributors)\n\n## Changelog\n\nFor Changelog, see [releases](https://github.com/vkbansal/react-contextmenu/releases)\n\n## License\n\n[MIT](./LICENSE.md). Copyright(c) [Vivek Kumar Bansal](http://vkbansal.me/)\n\n[npm-url]: https://npmjs.org/package/react-contextmenu\n[npm-image]: http://img.shields.io/npm/v/react-contextmenu.svg?style=flat-square\n\n[travis-url]: https://travis-ci.org/vkbansal/react-contextmenu\n[travis-image]: http://img.shields.io/travis/vkbansal/react-contextmenu/master.svg?style=flat-square\n\n[deps-url]: https://david-dm.org/vkbansal/react-contextmenu\n[deps-image]: https://img.shields.io/david/vkbansal/react-contextmenu.svg?style=flat-square\n\n[dev-deps-url]: https://david-dm.org/vkbansal/react-contextmenu\n[dev-deps-image]: https://img.shields.io/david/dev/vkbansal/react-contextmenu.svg?style=flat-square\n\n[climate-url]: https://codeclimate.com/github/vkbansal/react-contextmenu\n[climate-image]: http://img.shields.io/codeclimate/github/vkbansal/react-contextmenu.svg?style=flat-square\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvkbansal%2Freact-contextmenu","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvkbansal%2Freact-contextmenu","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvkbansal%2Freact-contextmenu/lists"}