react-contextmenu
    TypeScript icon, indicating that this package has built-in type declarations

    2.14.0 • Public • Published

    !!! Looking for maintainers !!!

    NPM version Build Status Dependency Status Dev Dependency Status Code Climate

    NPM

    React Contextmenu

    ContextMenu in React with accessibility support. Live Examples can be found here

    Table of contents

    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

    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 (
        <div>
          {/* NOTICE: id must be unique between EVERY <ContextMenuTrigger> and <ContextMenu> pair */}
          {/* NOTICE: inside the pair, <ContextMenuTrigger> and <ContextMenu> must have the same id */}
     
          <ContextMenuTrigger id="same_unique_identifier">
            <div className="well">Right click to see the menu</div>
          </ContextMenuTrigger>
     
          <ContextMenu id="same_unique_identifier">
            <MenuItem data={{foo: 'bar'}} onClick={this.handleClick}>
              ContextMenu Item 1
            </MenuItem>
            <MenuItem data={{foo: 'bar'}} onClick={this.handleClick}>
              ContextMenu Item 2
            </MenuItem>
            <MenuItem divider />
            <MenuItem data={{foo: 'bar'}} onClick={this.handleClick}>
              ContextMenu Item 3
            </MenuItem>
          </ContextMenu>
     
        </div>
      );
    }
     
    ReactDOM.render(<MyApp myProp={12}/>, document.getElementById("main"));

    see usage docs / examples for more details.

    API

    API docs

    FAQs

    ALL FAQs

    Who's using react-contextmenu?

    Contributors

    All Contributors

    Changelog

    For Changelog, see releases

    License

    MIT. Copyright(c) Vivek Kumar Bansal

    Install

    npm i react-contextmenu

    DownloadsWeekly Downloads

    52,296

    Version

    2.14.0

    License

    MIT

    Unpacked Size

    154 kB

    Total Files

    30

    Last publish

    Collaborators

    • vkbansal