A compositional top bar: brand, page links, and a trailing slot
Nav is deprecated: it keeps working for existing consumers, and new work uses Site header, which adds section mega menus, a sticky progressive blur and a fold to a drawer. Nav lays out a brand, a ButtonGroup of page links, and trailing content such as a theme toggle, with no mobile behaviour of its own; the collapsed bar and drawer below are mocked up from ButtonGroup and ToggleSwitch to show how the pieces compose at a narrow width.
Desktop
Full-width top navigation with brand, links, and trailing content
Mobile bar
Site pattern, not a Nav prop: the collapsed bar with brand and menu trigger
Rift
RiftHamburger menu
Site pattern, not a Nav prop: the drawer with top-level links, nested subnav, and theme toggle
// From the npm package
import { Nav } from 'rift-ds/components/Nav/Nav';
// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/nav.json