Breadcrumb
NEWA navigation trail with a gliding hover pill, smooth expansion for collapsed trails with automatic focus transfer, and light/dark theme adaptation.
Separator style:
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/breadcrumb
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| items | BreadcrumbItem[] | undefined | Array of breadcrumb items with label, href, and optional icon |
| separator | 'chevron' | 'slash' | 'chevron' | Separator style between breadcrumb items |
| maxItems | number | 4 | Collapse the middle items when length exceeds this number |
| as | React.ElementType | 'a' | Custom link component (e.g. Next.js Link) |
| className | string | undefined | Additional CSS classes for the nav container |