Breadcrumbs
A navigation component that shows the current page's location within a navigational hierarchy. It consists of two components: Breadcrumbs and BreadcrumbItem.
Props
Breadcrumbs
| Name | Default | Type |
|---|---|---|
separator | — | string Custom separator text/symbol between breadcrumb items. If omitted, a default caret icon is shown |
BreadcrumbItem
| Name | Default | Type |
|---|---|---|
label | — | string Text to display in the breadcrumb item |
href | — | string URL to navigate to when the item is clicked |
Slots
Breadcrumbs
| Name | Accepts | Description |
|---|---|---|
default | BreadcrumbItem | Accepts only breadcrumb items |
BreadcrumbItem
| Name | Accepts | Description |
|---|---|---|
default | any | Custom content for the breadcrumb item. Falls back to label prop if empty |