Full-burger-menu
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.
Getting Started
$ 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
<BurgyComponent routes= Insert your routes object here! burger="hamburgerSpin" barColor="#000000" primaryLight="#f5f5f5" primaryDark="#000000" primaryFont="#ffffff" burgyCircle=false burgyLeft="90%" burgyTop="3%" fontFamily="Courier" />;
Configuration
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> ;
Contributing
To contribue please read the CONTRIBUTING.md
License
This project is licensed under the MIT License - see the LICENSE.md file for details.