Nav list

Storybook

Navigation links as a vertical list

Nav list renders navigation trees for drawers and side menus. Every row is a real link built on the tertiary Button, so shape, sizing, and states match the rest of the system, and sections expand with a separate chevron toggle: tapping the label navigates, tapping the chevron expands.

Basic list

Nested sections

Current page

Controlled, one open at a time

Static group

tsx
// From the npm package
import { NavList } from 'rift-ds/components/NavList/NavList';

// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/nav-list.json