Breadcrumb

Hierarchical navigation showing the user's location in the page tree.

Usage

import {
  Breadcrumb,
  BreadcrumbItem,
  BreadcrumbLink,
  BreadcrumbSeparator,
} from '@bwo-ui/react';

<Breadcrumb>
  <BreadcrumbItem>
    <BreadcrumbLink href="/">Home</BreadcrumbLink>
  </BreadcrumbItem>
  <BreadcrumbSeparator />
  <BreadcrumbItem current>Current page</BreadcrumbItem>
</Breadcrumb>

Props — Breadcrumb

PropTypeDefaultDescription
separatorReactNodeCustom separator slot (overrides the default chevron).

Props — BreadcrumbItem

PropTypeDefaultDescription
currentbooleanMarks the item as the current page. Sets aria-current="page" and removes link styling.