SweetUI

Search items

Jump to an item

component

breadcrumb

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

breadcrumbnavigationtrailhierarchypathshadcn
breadcrumb, light

On iPad

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

breadcrumb on iPad, light

Install

With the sweetui tool (brew install mangobyte-dev/tap/sweetui):

sweetui install breadcrumb --destination Sources/YourFeature/Components

Installs 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

Kindcomponent
Version0.1.2
PlatformsiOS 26.0+
Dependenciesnone
SourceRegistry/sources/components/Breadcrumb.swift
Xcode previewBreadcrumb