Made with create-react-library


Keywords
navbar, navigation bar, material ui navbar, MUI navbar, MUI navigation bar
License
MIT
Install
npm install mui-dynamic-nav@1.0.7

Documentation

mui-dynamic-nav

NPM JavaScript Style Guide

Install

npm install --save mui-dynamic-nav

Introduction

Mui-Dynamic-Nav was created as an utility to help streamline the inital development process for react dashboard projects. It is a dynamic package that works ontop of the react-router-dom, React, and Material-UI frameworks. It is dynamic due to the fact that it uses the Material UI theming technology which is a powerful styling tool.

Get Started

import React, { Component } from "react";
import DynamicNavbar from "mui-dynamic-nav";
const navbarData = [
  { title: "Home", href: "/", icon: "dashboard" }
]
class App extends Component {
  render() {
    return (
      <div>
          <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
          <DynamicNavbar
            title={"TITLE"}
            data={navbarData}
            type="hoverable"
          ></DynamicNavbar>
      </div>
    )
}

Documentation

More in depth documentation is hosted here.

License

MIT © dramsammy