Hamburger Navigation Drawer in React | React Navigation Drawer

A simple, lightweight, cross-platform React hamburger navigation drawer component.

How to use it:

1. Install and import the component.

# NPM
$ npm i react-hamburger-drawerimport HamburgerDrawer from 'react-hamburger-drawer';

2. Add the <HamburgerDrawer> to the app.

<div className="App">
  <header>
    <HamburgerDrawer>
      <ul>
        <li><a href="/">Home</a></li>
        <li><a href="/about">About</a></li>
        <li><a href="/contact">Contact</a></li>
        <li><a href="/privacy-policy">Privacy</a></li>
      </ul>
    </HamburgerDrawer>
  </header>
</div>

Preview:

Download Details:

Author: Datamart

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/Datamart/react-hamburger-drawer

License: MIT

#react #reactjs