NavList
stableserver-safe
A vertical list of links, optionally grouped. The current page gets an accent rail.
Grouped
<NavList label="Documentation">
<NavGroup>Foundations</NavGroup>
<NavItem href="/foundations/colour">Colour</NavItem>
<NavItem href="/foundations/type" current>Typography</NavItem>
</NavList>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label* | string | — | Names the nav landmark. |
| current | boolean | — | On NavItem. Sets styling and aria-current together. |
Accessibility
aria-current="page" and the accent rail are set by the same prop, so they can't disagree.
Current state is carried by weight and the rail as well as colour.