Navigation
A navigation component that wraps menu items in a semantic nav element with built-in styling. Features a right border, padding, and background color for vertical navigation layouts.
Overview
No visual options. See Props for what it accepts.
All options
Menu item sizes
Navigation has no visual props of its own; it holds MenuItems in any size.
| content \ item size | medium | small | tiny |
|---|---|---|---|
| navigation |
Examples
Sidebar layout
Accessibility
Landmark
Navigation renders a nav element, so assistive technology lists it as a navigation landmark.
Props
| Prop | Type | Required | Description |
|---|---|---|---|
| children | React.ReactNode | Yes | — |
| className | string | No | — |