Components
Side Nav
Vertical navigation in titled groups, for docs and settings sidebars. Works with any router.
Import
import { SideNav, SideNavGroup, SideNavLink } from '@rinzai/zen';API reference
<SideNav>
Vertical navigation, e.g. a docs or settings sidebar. Give it an aria-label.
No props of its own; it accepts the props of the element it renders.
<SideNavGroup>
A titled group of links.
| Prop | Type | Default |
|---|---|---|
className | string | — |
title | ReactNode | — |
<SideNavLink>
One link. `active` marks the current page. With `asChild`, the styles go onto your own link element instead (a router's Link or NavLink, which may set aria-current itself).
| Prop | Type | Default |
|---|---|---|
activeThis link is the current page. | boolean | — |
asChildStyle the single child element (e.g. a router link) instead of rendering an <a>. | boolean | — |