Nav

Displays navigation links in a horizontal, spaced and scrollable grid.

It implements the <nav> element.

The children should be <LinkNav> components, via the <LinkActive> component for internal Next.js route links.

Props

Use any valid <nav> props.

Examples

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

<Nav>
  <LinkActive href="/" passHref>
    <LinkNav>Home</LinkNav>
  </LinkActive>
  <LinkNav href="https://github.com/jaydenseric/device-agnostic-ui">
    GitHub
  </LinkNav>
</Nav>

Tags