
Toolbar Header
From syxUI — written for both platforms, not translated between them.
A title with a trailing toolbar of icon actions.
Navigation · SwiftUI · iOS 17
- navigation
- swiftui
The actual source
HeaderToolbar.swift
// Toolbar Header · syxUI · https://syxui.dev/components/hdr-toolbar
// Free in any project. Keep this line and credit syxUI where a person can read it.
import SwiftUI
let hdrBlue = Color(red: 0.0, green: 0.47, blue: 1.0)
// Title with a toolbar of icons
struct HeaderToolbar: View {
var body: some View {
HStack {
Text("Photos").font(.system(size: 22, weight: .bold))
Spacer()
HStack(spacing: 18) {
Image(systemName: "magnifyingglass")
Image(systemName: "square.grid.2x2")
Image(systemName: "ellipsis.circle")
}.font(.system(size: 18)).foregroundStyle(hdrBlue)
}.frame(width: 340)
}
}
iOS 17 · No dependencies
Dependencies
- SwiftUI
- No external dependencies
Requires iOS 17


