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