Breadcrumb

Breadcrumb communicates where the operator sits inside a hierarchy and offers shortcuts to ancestor levels. It answers "what space am I in?" without duplicating the full primary navigation. The mental model is "a shallow, stable trail that reflects real information architecture"—not a breadcrumb of filters, not a breadcrumb of tabs, not a breadcrumb of query params. Use it when the IA is 3–5 levels deep and the operator commonly arrives at a screen from multiple paths. Breadcrumb wraps a BreadcrumbList of BreadcrumbItems separated by BreadcrumbSeparator. Intermediate items render as BreadcrumbLinks; the current page is a non-interactive BreadcrumbPage. Use BreadcrumbEllipsis when middle segments collapse; the collapsed segments remain reachable through an accessible disclosure. Do Don't The component exposes a navigation landmark with a product-language accessible name. Ellipsis controls expose hidden segments in an accessible menu. See Accessibility for the full contract.