Usage

BreadCrumbs.Item, BreadCrumbs.TextItem and BreadCrumbs.Button can be used inside BreadCrumbs to render a set of bread crumbs.

Note: The last crumb is assumed to be the current route and is not interactive.

Edit in Playroom

<BreadCrumbs>
  <BreadCrumbs.TextItem href="#1">Text</BreadCrumbs.TextItem>
  <BreadCrumbs.Item href="#2">Link 1</BreadCrumbs.Item>
  <BreadCrumbs.Item href="#3">Link 2</BreadCrumbs.Item>
  <BreadCrumbs.Button onClick={() => {}}>Button 1</BreadCrumbs.Button>
</BreadCrumbs>

Breadcrumbs