LinkNav

A navigation link to display in the Nav component.

It implements the <a> element.

It should be wrapped in the <LinkNav> component for an internal Next.js route link.

Props

active

TypeBoolean (optional)
Defaultfalse

Does the link refer to the current page.

...props

Type…* (optional)

Additional props for the container; an <a> element.

Examples

With internal Next.js route links (using the <LinkActive> component).
import { LinkActive, LinkNav, Nav } from 'device-agnostic-ui'

<Nav>
  <LinkActive href="/components/LinkNav" passHref>
    <LinkNav>LinkNav</LinkNav>
  </LinkActive>
  <LinkActive href="/components/Nav" passHref>
    <LinkNav>Nav</LinkNav>
  </LinkActive>
</Nav>