Navigation
Patterns for moving between pages, views, collections and focused actions.
Underline tabs
Use horizontal tabs to switch between related content views.
Overview content is selected.
Pill navigation
A compact visual choice for sections within a card or focused workflow.
Segmented control
Use a joined selection control for a small set of mutually exclusive modes.
Sidebar navigation
Use icons, active state and counts for primary workspace areas.
Breadcrumb navigation
Show the current location in a deep hierarchy without taking much space.
Command navigation
Offer fast paths to common destinations and actions from one control.
Mobile bottom navigation
Keep the most important destinations within thumb reach on small screens.
Pagination navigation
Use page controls for long data sets and always make the active page clear.