Components / Navigation
NavList
A labelled nav landmark wrapping a list of links, horizontal or vertical; the inline variant is for footers.
@ruckc/truss-ui Navigation
Import
import { NavList } from '@ruckc/truss-ui';Playground
orientation
variant
API
| Prop | Type | Default | Description |
|---|---|---|---|
label required | string | — | Accessible name of the navigation landmark. |
orientation | 'horizontal' | 'vertical' | 'horizontal' | Layout direction. |
variant | 'default' | 'inline' | 'default' | `inline` renders compact links (no padding or minimum height) with the list gap removed; for footers. Pass `variant="inline"` to custom `<NavLink>` children too. |
items | { label: string; href: string; current?: boolean }[] | — | Shorthand: one `<NavLink>` per entry. |
children snippet | Snippet | — | Custom list content: `<li>` elements, usually wrapping a `<NavLink>`. |
class | string | — |