In-context navigation
In-context navigation allows nimble movement between related sets of data when used with tabs or navigation drawers.
Use it to:
- Link a song to an artist
- Move between recent items and a complete history
- Connect a user’s post to their profile page
The up arrow is used to return to the previous level.
Mobile example of navigation integrated into content
Mobile example of an up arrow
Tablet example of navigation integrated within content
Tablet example of an up arrow
Side nav and tab combinations
Products with two levels of navigation may pair a left navigation drawer with tabs.
Mobile example using two levels of navigation: a navigation drawer and tabs
Mobile example of an open left nav
Tablet example using two levels of navigation: a navigation drawer and tabs
Tablet example of an open left nav in front of tabs
Desktop example using two levels of navigation: a navigation drawer and tabs