nextjs-navbar-active-link

Nextjs active navbar

Installation

Get the latest version by NPM:

$ npm install nextjs-navbar-active-link

Get the latest version by yarn:

$ yarn add nextjs-navbar-active-link

Usage

Components

Import Navbar and ActiveLink components:

import { Navbar, ActiveLink } from 'nextjs-navbar-active-link';

And render them like this:

<Navbar>
  <ActiveLink href="/">
    Home
  </ActiveLink>
  <ActiveLink>
    <ul>
      <li><a href="/test-page-1">Test page 1</a></li>
      <li><a href="/test-page-2">Test page 2</a></li>
    </ul>
  </ActiveLink>
</Navbar>

License

Nextjs active navbar are released under the MIT license. © kpwzto