Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

birch-context-menu

tinialabs13MIT1.2.3TypeScript support: included

Custom context menu for react

right, click, custom, context, menu, react, react-birch, tinia

readme

birch-context-menu

Custom context (right click) menu for react. Forked from context-menu and ported to React Hooks and styled-components

Motivation and enhancements

  • Included as a core dependency of react-birch directly in the mono repository
  • Converted to use React Hooks throughout instead of React Component
  • Added styling and theming based on styled-components instead of being hard-coded and limited to only light and dark
  • css and sass converted to styled-components
  • Uses React createPortal and creates a standalone div adjacent to and after the main component tree (eliminated need to use ReactDOM.render twice in one app
  • Eliminated reliance on singleton classes and instead uses React Context accessed through React Hooks
  • Uses VSCode extension style API for configuration of menu items and groups

We use birch-context-menu and react-birch as drop in replacements for the VSCode TreeView and VSCode context menu / keyboard bindings in production apps based on the monaco editor.

Simple usage

Install

$ npm install birch-context-menu