Breadcrumb

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

Showcases

Default

With Slots

With Custom Home Path

Props

Breadcrumb

The parent container for breadcrumbs.

Name	Type	Default	Required	Description
crumbs	Crumb[]	[]	false	The list of crumbs.
homePath	String	/	false	The home path for the breadcrumb, link behind the xerHome icon.
dataAutomationId	String	breadcrumb	false	The data automation id.

Types

interface Crumb {
  path: string;
  text: string;
}

Breadcrumb Item

The individual breadcrumb element containing a link and a divider

Name	Type	Default	Required	Description
isLast	Boolean	false	false	Indicates that the breadcrumb link is the last page or not.
dataAutomationId	String	breadcrumb-item	false	The data automation id.

Breadcrumb Link

The breadcrumb link

Name	Type	Default	Required	Description
link	String	/	false	Path the breadcrumb goes to.
dataAutomationId	String	breadcrumb-link	false	The data automation id.