Full-burger-menu is a highly customizable React component that allows you to create a burger menu in just a couple of minutes. It was especially designed for professional portfolios and small brands websites.
$ npm i full-burger-menu
You might also need to install peer dependencies
$ npm i styled-components react-animated-burgers
How to use
You can head to this demo and customize your own burger menu.
Step 1: Import the component
Step 2: Import your images
Step 3: Use it in your app
<BurgyComponentroutes= Insert your routes object here!burger="hamburgerSpin"barColor="#000000"primaryLight="#f5f5f5"primaryDark="#000000"primaryFont="#ffffff"burgyCircle=falseburgyLeft="90%"burgyTop="3%"fontFamily="Courier"/>;
Your routes object should look something like this:
const routes =img: home<NavLink to="/" exact>Home</NavLink>img: about<NavLink to="/about" exact>About</NavLink>img: work<NavLink to="/product" exact>Product</NavLink>img: contact<NavLink to="/contact" exact>Contact</NavLink>;
To contribue please read the CONTRIBUTING.md
This project is licensed under the MIT License - see the LICENSE.md file for details.