component
breadcrumb
Horizontal nav trail: chevron separators, current page; overflow holds excess crumbs. iOS: no native breadcrumb.
breadcrumbnavigationtrailhierarchypathshadcn

On iPad
The same installed source at a regular width. It adapts its layout without a separate design.


Install
With the sweetui tool (brew install mangobyte-dev/tap/sweetui):
sweetui install breadcrumb --destination Sources/YourFeature/ComponentsInstalls in order: breadcrumb 0.1.2. Point --destination at a folder inside the consuming target's sources.
Usage
Breadcrumb([
BreadcrumbItem(Text("Home"), action: { path = NavigationPath() }),
BreadcrumbItem(Text("Library"), action: { path.removeLast() }),
BreadcrumbItem(Text("Payments"))
])Accessibility contract
- One container: Breadcrumb; links navigable; current: header trait, not button.
- Chevrons decorative, hidden; overflow: Show more, lists crumbs.
- chevron.forward mirrors RTL; reverses with layout direction.
- ViewThatFits collapses middle crumbs past width; links compact inline; back stays primary.
- iPad: plain style drops pointer effect; hoverEffect restores, shape auto-picked.
Details
| Kind | component |
| Version | 0.1.2 |
| Platforms | iOS 26.0+ |
| Dependencies | none |
| Source | Registry/sources/components/Breadcrumb.swift |
| Xcode preview | Breadcrumb |