Atomic Hamburger

Usage

To use, simply copy the component files into your own component directory within a React project. To reposition the component, remove the atom styles for the container in css, this will automatically add the hamburger to the top-right.

Import the component into your App.js:

        import { AtomicHamburger } from './components/animated-atom/animated-atom.component';

And render the component in your render function via the tag AtomicHamburger .

Please Note

My components assume you are following CSS best practices. As such, it is assumed your default font-size is set in your html tags as 10px. All calculations are done on this basis to make scaling simpler using rem.