Navigation/DSBreadcrumb

DSBreadcrumb

navigation
since v2.0

Hierarchical path display with chevron separators and tappable ancestor links.

iOS 17+macOS 14+

Purpose

Navigation hierarchy in macOS apps, iPad sidebars, and web-style deep link flows.

Props

PropTypeDefaultDescription
itemsreq[DSBreadcrumbItem]—Path segments with label and optional action.

Examples

File navigator

Path to current folder.

swift
DSBreadcrumb(items: [
    DSBreadcrumbItem(label: "Projects", action: { navigate(.projects) }),
    DSBreadcrumbItem(label: "Design System", action: { navigate(.project(id)) }),
    DSBreadcrumbItem(label: "Components"),  // last item = current, not tappable
])

Related Components

NavigationBarSidebar