Breadcrumb
Trail with icons, custom separators and a collapsible middle (click … to reveal the full path).
2 files · 81 locdeps: clsx, tailwind-merge
Installation
With the shadcn CLI, pointing at this platform’s registry:
npx shadcn@latest add https://opusui.131199999.xyz/r/breadcrumb.jsonOr offline, straight from your opus55 checkout (copies every file it needs):
node ../tailwind_component/opus55/scripts/add.mjs breadcrumbUsage
import { Breadcrumb } from "@/components/opus/ui/breadcrumb";
<Breadcrumb items={[{ label: "Home", href: "/" }, { label: "Settings" }]} maxItems={3} />API
| Prop | Type | Default | Description |
|---|---|---|---|
| items | { label, href?, icon? }[] | — | Trail; the last item is the current page. |
| separator | ReactNode | — | Custom separator. |
| maxItems | number | 0 | Collapse threshold. |