Nothing, Plus More

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

    1.0.0 • Public • Published

    React-electron-contextmenu

    Makes it super easy to create context menus in your React powered Electron apps. TypeScript supported!

    Installation

    npm install react-electron-contextmenu --save

    Usage

    Import the component:

    import ContextMenuArea from "react-electron-contextmenu";

    Wrap the component you want to use as the right click area in the <ContextMenuArea> component and use in render method:

    render() {
      const menuItems = [
        {
          label: "A menu item",
          submenu: [
            { label: "Submenu item", click: () => alert("I was clicked!") },
            {
              label: "Submenu item #2",
              click: () => alert("I was also clicked!")
            }
          ]
        },
        {
          label: "Another menu item",
          click: () => alert("I was clicked!")
        }
      ];
      return (
        <ContextMenuArea menuItems={menuItems}>
          <div>Right click me to show a context menu!</div>
        </ContextMenuArea>
      );
    }

    React-electron-context menu uses the menu template format from electron, see samples here:
    https://electronjs.org/docs/api/menu#examples

    Keywords

    none

    Install

    npm i react-electron-contextmenu

    DownloadsWeekly Downloads

    14

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    5.18 kB

    Total Files

    8

    Last publish

    Collaborators

    • johot