birch-context-menu
Version:
Custom context menu for react
24 lines (16 loc) • 1.11 kB
Markdown
# 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
```bash
$ npm install birch-context-menu
```