Skip to content
This repository has been archived by the owner on Dec 16, 2020. It is now read-only.

DanBuda11/collapsable-nav

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
src
 
 
 
 
 
 
 
 

Responsive React Navbar

Image

Why this?

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

Version 2.0.0

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.

Version 1.0.0

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.

About

Simple mobile-friendly responsive navbar built with React

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published