Breadcrumb component in Office UI Fabric
In Office Add-ins, use breadcrumbs for navigation. They show the current page’s location in a hierarchy, and help users understand where they are in relation to the rest of the hierarchy. Additionally, Breadcrumbs provide one-click navigation to higher levels in the hierarchy.
Example: Breadcrumb in a task pane
Best Practices
| Do | Don't |
|---|---|
| Place Breadcrumbs at the top of a layout in an add-in, above a list of items, or above the main content of a layout. | Don’t use Breadcrumbs as the primary way to navigate to other pages. |
 |
 |
Implementation
For details, see Breadcrumb and Getting started with Fabric React code sample.