Breadcrumb

A breadcrumb displays the user’s current location within a sequence of pages and enables them to navigate backwards through it.

Overview

The purpose of breadcrumbs is to enhance the user's navigation experience by providing an intuitive way to track and retrace their steps within a website or application's structure.

It helps users understand their location and relationship to other pages, making it easier to explore and move through the site's content. Each link in the breadcrumb corresponds to a higher-level category or page in the website's hierarchy.

A breadcrumb placed at the top left of a container.

Resources

Figma Component	Available
Figma Documentation	Available
Web Components	Planned
Vue [Fozzie]	Available
React [Snacks]	Available
iOS JustUI [UI Kit]	N/A
iOS PIE [SwiftUI]	N/A
Android [XML views]	TBC
Android [Jetpack compose]	TBC