React-adaptive-navbar NPM

react-adaptive-navbar

A reusable Navbar component in react for either Web Browser or Mobile screen responsivenes.

Live demo

Link: https://quivercrypto.netlify.app/home

Installation

Install my-project with npm

  npm i react-adaptive-navbar

import { Nav } from 'react-adaptive-navbar';
import { BrowserRouter } from 'react-router-dom';

const LINKS = [{
        display: "Empty",
        url: "/1",
    },
    {
        display: "List",
        url: "/2",
    },
    {
        display: "Failed",
        url: "/3",
    }]
export const Example = () => 
        <>
            <BrowserRouter>
                <Nav 
                    bg='#0b4a91' 
                    font=''Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif' 
                    nav = LINKS
                />
            </BrowserRouter>
        </>