Breadcrumb is a secondary navigation pattern that identifies the page position inside a hierarchy.
Breadcrumb works the same way across all viewport sizes. When there isn't enough space on the screen to display all the breadcrumbs, the first levels are collapsed into a dropdown menu. This allows the user to read and navigate to the previous closer levels, and also lets them navigate to other levels easily.
|Only use it for hierarchical purposes.||Do not use it if there is only one navigation level.|
|Use it when navigating through folders in tables or lists.||Do not use it in the first navigation level.|
|Do not use it for cross application navigation.|
|Never use more than one text line.|