When to use
Use for persistent, product-wide destinations.
Loading…
Find components, patterns, tokens, and docs
Documentation
The navbar orients users: where they are, where they can go, and how to act.
Keep destinations stable. Highlight the current section with more than color.
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.
<Navbar
variant="primary"
size="medium"
>
Product
</Navbar>