Skip to content

Breadcrumb ​

javascript
import { XerBreadcrumb, XerBreadcrumbItem, XerBreadcrumbLink } from "@xerius/codey-components";

Showcases ​

Default ​

With Slots ​

With Custom Home Path ​

Props ​

The parent container for breadcrumbs.

NameTypeDefaultRequiredDescription
crumbsCrumb[][]falseThe list of crumbs.
homePathString/falseThe home path for the breadcrumb, link behind the xerHome icon.
dataAutomationIdStringbreadcrumbfalseThe data automation id.

The individual breadcrumb element containing a link and a divider

NameTypeDefaultRequiredDescription
isLastBooleanfalsefalseIndicates that the breadcrumb link is the last page or not.
dataAutomationIdStringbreadcrumb-itemfalseThe data automation id.

The breadcrumb link

NameTypeDefaultRequiredDescription
linkString/falsePath the breadcrumb goes to.
dataAutomationIdStringbreadcrumb-linkfalseThe data automation id.