Components/Breadcrumb

The breadcrumb component is a type of navigation that indicates the position of a page within the application’s page hierarchy. Users can navigate backward by selecting the previous pages in the navigation path.

**Use breadcrumb if:** - You want to show secondary navigation on the object page - You want to show navigation in a table - You want to show navigation in charts - Use a breadcrumb only when the drilldown scenario leads to related object pages: parent object page / child object page 1 / child object page 2 / child object page 3. **Do not use breadcrumb if:** - Your hierarchy contains only one level. **Do not include these elements in your breadcrumb path:** - Other floorplans, such as overview pages and list reports - Cross-application navigation to other object pages - Independent object pages, such as fact sheets **Use breadcrumb if:** - You want to show secondary navigation on the object page - You want to show navigation in a table - You want to show navigation in charts - Use a breadcrumb only when the drilldown scenario leads to related object pages: parent object page / child object page 1 / child object page 2 / child object page 3. - Your hierarchy contains only one level. **Do not include these elements in your breadcrumb path:** - Other floorplans, such as overview pages and list reports - Cross-application navigation to other object pages - Independent object pages, such as fact sheets

The standard breadcrumb component displays several pages in text format separated by dividers, indicating a navigation path. Each page can be specifically selected to navigate to its corresponding page. It can be displayed by using the `fd-breadcrumb` class.

Separator between the links can be configured with modifier classes added to the main \

The Breadcrumbs component offers two visual styles for the last item: as a