Breadcrumb

Carbon-spec breadcrumb navigation. Renders a list of links with chevron separators, with the current page rendered as plain text (aria-current).

patternsstablea11y: untested3/3 coverageEdit on GitHub ↗
patterns-breadcrumb--defaultOpen all variants →

When to use

  • Hierarchical navigation trail at the top of a page (Datasets / Sequence #42 / Frame 0010).
  • Anywhere the user benefits from seeing where they are in a content tree and being able to jump back up.

When not to use

  • Flat top-level navigation between sibling pages → use `NavigationMenu`.
  • A back-button affordance on its own → use a plain `Button` kind="ghost" with a leading chevron.
  • Step-by-step progress through a workflow → use `ProgressIndicator`.