When to use
Use for persistent, product-wide destinations.
Loading…
Find components, patterns, tokens, and docs
Component
Top-level wayfinding across the product's primary destinations.
Preview
<Navbar
variant="primary"
size="medium"
>
Product
</Navbar>Appearance is not enough. This is the contract for when the control earns a place in the product.
Use for persistent, product-wide destinations.
Use tabs for switching views inside one page. Use a sidebar for deep IA.
Answers “where am I and what can I do next?” without hunting.
Use a nav landmark, mark the current page, and keep the menu keyboard reachable.