Shadcn.io is not affiliated with official shadcn/ui
Breadcrumb with Select
A breadcrumb navigation with home icon and inline select dropdown for switching between sibling sections
Breadcrumbs that let you pivot—selects turn navigation into switchers. This React breadcrumb embeds shadcn/ui's Select component within breadcrumb navigation, using a Home icon for root and select triggers for switchable segments. Built on Radix UI with compact SelectTrigger styling (h-auto w-auto), the pattern allows lateral navigation without leaving the current page depth. Perfect for multi-tenant apps switching between accounts, documentation switching between versions, e-commerce switching between categories at same level, or any navigation where users frequently jump between siblings—combines location awareness with quick switching.
Breadcrumb with Select preview
Installation
Related Components
Breadcrumb with Dropdown
DropdownMenu-based expandable navigation
Standard Breadcrumb Select
Text-based home with select
Select Component
Standard select dropdown
Breadcrumb with Ellipsis
Collapsed breadcrumb navigation
Version Switcher
Documentation version selection
Account Switcher
Multi-tenant switching
FAQ
Was this page helpful?
Sign in to leave feedback.