Breadcrumb
Navigation breadcrumbs showing the current page location in a hierarchy.
Usage
With Ellipsis
Use BreadcrumbEllipsis to indicate collapsed intermediate items.
Sub-components
BreadcrumbList
Ordered list container for breadcrumb items.
BreadcrumbItem
Individual breadcrumb wrapper.
BreadcrumbLink
Clickable navigation link.
| Prop | Type | Default | Description |
|---|---|---|---|
href | string | - | The link URL. |
asChild | boolean | - | Merge props onto child element instead of rendering an anchor. |
BreadcrumbPage
Current page indicator (non-clickable, has aria-current="page").
BreadcrumbSeparator
Separator between items (default chevron icon).
BreadcrumbEllipsis
Collapsed items indicator (three dots).