https://github.com/timbokz/react-context-menu-wrapper

🖱️ Unopinionated context menu component for React.
https://github.com/timbokz/react-context-menu-wrapper

context-menu context-menu-react event-handler menu react react-component react-library

Last synced: 12 months ago
JSON representation

🖱️ Unopinionated context menu component for React.

• Host: GitHub
• URL: https://github.com/timbokz/react-context-menu-wrapper
• Owner: TimboKZ
• License: mit
• Created: 2018-12-01T20:22:55.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T21:37:48.000Z (about 3 years ago)
• Last Synced: 2025-03-16T01:05:41.636Z (12 months ago)
• Topics: context-menu, context-menu-react, event-handler, menu, react, react-component, react-library
• Language: TypeScript
• Homepage: https://timbokz.github.io/react-context-menu-wrapper/v3/
• Size: 3.24 MB
• Stars: 23
• Watchers: 4
• Forks: 4
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
React Context Menu Wrapper

======



  

    

  

  

    

  

  

    

  

  

    

  

  

    

  



# Introduction

> **Important:** React Context Menu Wrapper v3+ uses [React hooks](https://reactjs.org/docs/hooks-intro.html) and

> functional components. If your project does not support them, consider 

> [using v2 or below](https://timbokz.github.io/react-context-menu-wrapper/v2/).

This library provides a simple wrapper for your context menus. It handles user interaction on desktop and mobile

devices, and guarantees correct context menu positioning.

In an effort to stay unopinionated, this library does not provide any styling or additional components. It is up to you

define your own styles and logic for the menu. This is useful when your CSS framework already provides dropdown menu

styling (e.g. [Bulma](https://bulma.io/), [Bootstrap](https://getbootstrap.com/)) or when you need to implement some

non-trivial logic for your context menu (e.g. [Ogma context menus](https://github.com/TimboKZ/Ogma) with tagging

support).

#### [View documentation and examples](https://timbokz.github.io/react-context-menu-wrapper/v3/)

## Preview

![Gif of the context menu library in action.](https://timbokz.github.io/react-context-menu-wrapper/v2/context-menu-shared.gif)

## Contributing

Please enable [ESLint](https://eslint.org/docs/user-guide/integrations) and

[Prettier](https://prettier.io/docs/en/editors.html) integration in your editor, and use the provided configs.

## License

MIT © [Tim K.](https://github.com/TimboKZ) 2020