Navigation
Navigation components help users move through the product, locate content, and understand where they are.
What this category contains
Navigation patterns should expose current location, preserve keyboard access, and avoid duplicating page titles without context.
Status
Link, Breadcrumb, Tabs, Pagination, Menu, and Stepper are implemented (Stepper is Beta). Sidebar and Top Navigation items remain documentation-only.
Accessibility considerations
Use landmarks, visible focus, and meaningful link text. Do not rely on color alone for the current item.
Implemented components (5)
- Breadcrumbstable
Breadcrumb is an ordered hierarchical trail showing location with navigable ancestors and a current-page indicator.
- Tabsstable
Tabs is a navigation pattern that switches between related in-context views using tablist/tab/tabpanel semantics and roving focus.
- Paginationstable
Pagination is a paged navigation control with Previous/Next boundaries, numbered pages, and optional ellipsis.
- Menubeta
Menu is a compact command surface for contextual actions — distinct from Select (form values) and Popover (supplementary content).
- Stepperbeta
Stepper shows progress through a fixed, known-length, ordered sequence of named steps — a compound Stepper + Step API built against the verified live Navigation/Step Item component set.