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.
Override the BreadcrumbSeparator slot to use any icon.
Collapse a segment into a DropdownMenu of related links.
Collapse the middle of a long path with BreadcrumbEllipsis.
Render BreadcrumbLink into a custom element with as-child.
| Prop | Type | Default | Description |
|---|---|---|---|
asChild | boolean | false | Render into the child element. Use to wrap a NuxtLink. |
| Prop | Type | Default | Description |
|---|---|---|---|
class | string | — | Override the default chevron or dots. |
| Slot | Description |
|---|---|
default | Replace the built-in separator icon (chevron) or ellipsis with custom content. |