Components
Breadcrumbs
A navigation trail showing the user's location within a hierarchy, supporting links, buttons, and a collapsible ellipsis menu for overflow items
Installation
npx shadcn@latest add @dr-ui/breadcrumbsRegistry dependencies
@dr-ui/utils
@dr-ui/i18n
@dr-ui/dropdown-menu
Dependencies
lucide-react@^1.7.0
Basic
Three items — links for parent levels, plain text for the current page.
With buttons, collapsed
Button items also collapse into the ellipsis dropdown when there are more than 4 items.
With buttons
Items can be buttons — useful when navigation is handled programmatically rather than via href.
Collapsed
When there are more than 4 items the middle ones collapse into a dropdown menu.