Your bookmarks

Breadcrumbs

Shows where the user is within the app hierarchy.

As users navigate through your app, they’ll want to know where they are and how to get back to where they were. Use breadcrumbs to show their history and enable them to go up the hierarchy back to the start.

Breadcrumbs are useful for navigation history, but shouldn’t be used for steps in a process that may come in the future, which should use the planned Steps component.

Component status

Figma
Designing
ETA: March
Web (React)
Released
iOS (Swift)
n/a
Android (Kotlin)
n/a
Sketch
Released

Content structure

Back button: allows users to easily go back in the path; root item: usually the name of your product; full path: shows where the current page lies in the sitemaps, on mobile is replaced with dots; current page: shows the name of the page where the user currently is.