Collapsable navbar templates such as Bootstrap exist but often include a lot of extra stuff that you have to remove if you just want something simpler. This is that something simpler. I wanted to build something extremely simple and easy to modify so that it can be used in anything that just requires a simple navbar that collapses for a mobile screen.
With the following features:
- Responsive, simple navbar template
- Collapsable for mobile breakpoints
- Instructions in comments on how to modify & customize
- Easy to add navbar component & Sass into any React project
Built using:
- Webpack
- React, ReactDOM
- Sass
- Normalize.css
- Font Awesome for "hamburger" icon
Built with React and ReactDOM versions 16.8.6. Uses updated React v16 syntax and a lot less code than the previous iteration of this navbar.
View a live version of the project here or for a working CodePen here. For an HTML/CSS only version, click here.
Built with early versions of React and ReactDOM (15.0.1)
Check out a live version here or for a working CodePen here. To access the final build of this verion on GitHub you can click here.