DUBreadcrumbs
NavigationHierarchical page trail.
import { DUBreadcrumbs } from 'deri-ui';Live preview
typescript
<DUBreadcrumbs items={[{label:'Home',href:'/'},{label:'Docs'}]} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | DUBreadcrumbItem[] | — | Crumbs |
| separator | ReactNode | '/' | Divider |
| accentColor | string | — | Link color |
Usage
import { DUBreadcrumbs } from 'deri-ui';
<DUBreadcrumbs items={[{label:'Home',href:'/'},{label:'Docs'}]} />Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.