QuickNav

Easily implement Bootstrap navigation bars in your web projects with QuickNav, saving time and effort in development.

Installation

Install quicknav with npm

  npm install quicknav

Add the link to the index.html file

<link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
    integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
    crossorigin="anonymous"
  />

Usage

import Header from "quicknav";

function App() {
  return (
    <Header
      variant={"dark"}
      brandText={"QuickNav"}
      navLinks={["Home", "About", "Contact"]}
      navItems={["Home", "About", "Contact"]} 
    />
  );
}

export default App;
}

Screenshots

Features

| Feature | |----------------------------------------------------------| | variant | | brandText | | brandHref | | navLinks | | navItems | | dropdownLinks | | dropdownItems | | dropdownHeading |