Components › Navigation
Breadcrumb
Where the current page sits in the hierarchy, with links back up.
Installation
npx plankui@latest add breadcrumbUsage
import { Breadcrumb } from "@/components/ui/breadcrumb";
<Breadcrumb>
<BreadcrumbList>
<BreadcrumbItem><BreadcrumbLink href="/">Home</BreadcrumbLink></BreadcrumbItem>
<BreadcrumbSeparator />
<BreadcrumbItem><BreadcrumbPage>Billing</BreadcrumbPage></BreadcrumbItem>
</BreadcrumbList>
</Breadcrumb>API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| BreadcrumbLink.asChild | boolean | false | Render your router link. |
| BreadcrumbSeparator.children | ReactNode | chevron | Custom separator. |