Breadcrumb
FREELocation trail with a collapsible middle, icons, separators and BreadcrumbList structured data.
Installation
Terminal
npx @bloxa/cli add breadcrumb
# or: npx shadcn@latest add @bloxa/breadcrumbPackages installed automatically: radix-ui
Examples
Icons, separators and collapse
API reference
Every component also accepts the props of the element it renders.
Breadcrumb
| Prop | Type | Default | Description |
|---|---|---|---|
| items | { label, href?, icon? }[] | — | Trail; the last item is the current page. |
| separator | "chevron" | "slash" | "dot" | ReactNode | "chevron" | Separator. |
| maxItems | number | 4 | Above this, the middle collapses into a menu. |
| renderLink | (item, children) => ReactNode | — | Router link. |