🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

An awesome mega menu component that supports up to 10 columns.

Navigation_Menu React

Documentation

react-awesome-mega-menu

The package will generate a mega menu up to 10 columns

Notes

  • The mega menu will take the entire width and height of the pareant container
  • The width of each mega menu columns is decided by the maximum depth of the nodeList (The menu isn't responsive.Hope to fix this soon :)
  • If itemId is specified in a node, onNodeClick will outputs the selected item with provided itemId
Attribute Type Default Values Description
nodeList array [] Node List description
width string "100%" Width of the mega menu
height string "100%" Height of the Mega menu
itemIdSeperator string "/" Node identifier seperator
onNodeClick func Function to invoke when mega menu item is clicked

Samples

View sample nodeList object
import MegaMenu from "react-awesome-mega-menu"; <MegaMenu nodeList={nodeList} onNodeClick={val => console.log(val)} />

alt text

Installation

$ npm i react-awesome-mega-menu --save

Contributing

Keep it simple. Keep it minimal.

Authors or Acknowledgments

License

This project is licensed under the ISC License


You May Also Like