Components / Navigation
Breadcrumb
Where the page sits, with a way back up.
@fabrials/ui
Installation
Import the control from
@fabrials/ui, after setting the app up.TypeScript import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis } from "@fabrials/ui";Or install it under shadcn's name, so code that imports
@/components/ui/breadcrumbgets this control. See shims.npx shadcn@latest add @fabrials/breadcrumb
API reference
| Prop / export | Type | Description |
|---|---|---|
BreadcrumbLink render | ReactElement | Pass the host's link element. |
Behavior
The current page is text, not a link, and carries aria-current.
Accessibility
Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.