Hamburger Navigation Drawer For React

Description:

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-drawer

import 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: