Navigation menu

Links in a row; the current page is ink.

Install

npx raster add navigation-menu

Markup

<nav class="rs-nav"><a href="#" aria-current="page">Overview</a><a href="#">Docs</a><a href="#">Changelog</a></nav>

React

import { NavigationMenu } from "@/components/raster/navigation-menu";

<NavigationMenu
  items={[
    { label: "Overview", href: "/", current: true },
    { label: "Docs", href: "/docs" },
  ]}
/>

Classes

.rs-nav