
Breadcrumb
From syxUI — written for both platforms, not translated between them.
A breadcrumb navigation trail.
Navigation · SwiftUI · iOS 17
- navigation
- swiftui
The actual source
BreadcrumbNav.swift
// Breadcrumb · syxUI · https://syxui.dev/components/nav2-breadcrumb
// Free in any project. Keep this line and credit syxUI where a person can read it.
import SwiftUI
// Breadcrumb trail
struct BreadcrumbNav: View {
var body: some View {
HStack(spacing: 6) {
Text("Home").font(.system(size: 14)).foregroundStyle(.secondary)
Image(systemName: "chevron.right").font(.system(size: 10)).foregroundStyle(.secondary.opacity(0.5))
Text("Projects").font(.system(size: 14)).foregroundStyle(.secondary)
Image(systemName: "chevron.right").font(.system(size: 10)).foregroundStyle(.secondary.opacity(0.5))
Text("SyxUI").font(.system(size: 14, weight: .semibold))
Spacer()
}.frame(width: 320)
}
}
iOS 17 · No dependencies
Dependencies
- SwiftUI
- No external dependencies
Requires iOS 17


