Hierarchical page navigation with linked segments and current page indicator.
Install
npx bouncekit@latest add breadcrumbImport
import { Breadcrumb } from "@/components/dashboard/breadcrumb"1. Copy the source file
Copy src/components/dashboard/breadcrumb.tsx into your project at the same path.
2. Install dependencies
Check the component's imports and install any missing packages.
3. Import and use
import { Breadcrumb } from "@/components/dashboard/breadcrumb"Make sure you have cn() from @/lib/utils available in your project.
Props
| Prop | Type | Required | Description |
|---|---|---|---|
items | BreadcrumbItem[] | yes | Ordered items from root to current page. |