Breadcrumb
Path-based navigation showing where the user is in a hierarchy. Compose with BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, and BreadcrumbSeparator.
Path-based navigation showing where the user is in a hierarchy. Compose with BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, and BreadcrumbSeparator.
Linked path segments with the current page as plain text.
Collapse long paths with BreadcrumbEllipsis.
Override the separator slot to use any icon.
Props, events, and slots for each sub-component.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| asChild | boolean | false | Render into the child element. Use to wrap a NuxtLink. |
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| class | string | — | Override the default chevron or dots. |
Slots
| Slot | Description |
|---|---|
| default | Replace the built-in separator icon (chevron) or ellipsis with custom content. |