Breadcrumb β
javascript
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. |
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. |