singlemenu-hci v0.1.1

About Single Level Context Menu

NOTE: BEFORE STARTING WITH THIS DOCUMENT IT IS REQUIRED TO GO THROUGH About Menu to understand the concept and terms used .

What

A single level menu is a menu that will open on triggerEvent (click,hover,contextMenu) and will consist of only single level i.e mono canvas . It can either be a form or a list of options to choose from just like standard javascript context menu inside the canvas.

How

To achieve this a component is created named SingleMenu which act as a reuseable wrapper.

Package

https://www.npmjs.com/package/singlemenu-hci

Features

In the above screenshot we have created a wrapper that will recieve the listed props-

1) triggerEvent - the event on which the menu will be opened 2) children - the element on which the event will occur and will open the menu 3) content- The content inside the canvas

and will render this :