Navigation Menu
A horizontal set of peer destination links with an explicit current-page state.
Added in v2.5.0 · import from "@borneo/react"
Live previewPermalink to this section
This is the production component using the active theme and component contracts.
AnatomyPermalink to this section
Every visible part has one job and a clear requirement.
| Part | Requirement | Purpose |
|---|---|---|
| Navigation landmark | Required | Names the set for assistive technology. |
| List | Required | Groups destinations semantically. |
| Link | Required | Navigates to a route using native link behaviour. |
| Current state | Required | Marks the active route visually and with aria-current. |
Variants and statesPermalink to this section
Choose a variant for meaning or layout need, never decoration alone.
| Variant | Use |
|---|---|
| Standard | Peer sections in a product area. |
| With badge | A short status such as Beta or New. |
| Overflowing | Scrolls horizontally instead of wrapping or clipping. |