{"repo":"negomi/react-burger-menu","free":true,"listed":false,"github":"https://github.com/negomi/react-burger-menu","clone":"git clone https://github.com/negomi/react-burger-menu.git","description":":hamburger: An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations","language":"JavaScript","stars":5088,"topics":["react","component","animations","transitions","hamburger-menu","sidebar"],"license":"MIT","category":"ui-components","readme_excerpt":"react-burger-menu ================= An off-canvas sidebar React component with a collection of effects and styles using CSS transitions and SVG path animations. Using Redux? Check out redux-burger-menu for easy integration of react-burger-menu into your project. Demo & examples Live demo: negomi.github.io/react-burger-menu To build the examples locally, first make sure you're using Node <11.0.0. Then run: Then open localhost:8000 in a browser. Tests The test suite uses Mocha, Chai and Sinon, with jsdom. To run the tests once, run: To run them with a watcher, run: Installation The easiest way to use react-burger-menu is to install it from npm and include it in your own React build process (using Browserify, Webpack, etc). You can also use the standalone build by including dist/react-burger-menu.js in your page. If you use this, make sure you have already included React, and it is available as a global variable. Version 3.x uses Hooks, so if you're using React 16.8+: If you're using an earlier version of React: Usage Items for the sidebar should be passed as child elements of the component using JSX. Animations The example above imported slide which renders a menu that slides in on the page when the burger icon is clicked. To use a different animation you can substitute slide with any of the following (check out the demo to see the animations in action): slide stack elastic bubble push pushRotate scaleDown scaleRotate fallDown reveal Properties Some animations require certain o","default_branch":null,"files":null,"tree":[],"storefront":"/r/negomi","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/negomi/react-burger-menu/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}