Breadcrumbs

Breadcrumbs are used to navigate within a hierarchy of pages.

Component checklist

Design

Is the design finished and component available in Figma library?

Up to date

React

Is new design vision part implemented using new tokens?

Up to date

Flutter

Is new design vision part implemented using new tokens?

n/a

Introduction

Breadcrumbs help users navigate the product’s page hierarchy. They appear at the top of the layout and show the predefined path to the current page. This path reflects the logical structure of the product, not necessarily the user’s navigation history.

Each Breadcrumb item represents a page in the hierarchy and links directly to it, with every level corresponding to a unique URL.

When there is no previous level, Breadcrumbs are still used to display the current page title and maintain layout consistency.

Overview