Autumn Sale50% offCOMPOT
Navigation Links & BannersPro ComponentiOS 16.0+Xcode 15+

Banner NavigationLink with Person Image

Navigation banner featuring profile artwork and call-to-action text.

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies
bannerNavLinkWImage.swift
import SwiftUI

struct BannerNavLinkWImage: View {
    var body: some View {
        VStack {
            NavigationLink {
                
            } label: {
                HStack(alignment: .center) {
                    Image("person")
                        .resizable()
                        .scaledToFill()
                        .frame(width: 64, height: 64)
                    VStack(alignment: .leading) {
                        Text("Josh Merryway")
                            .lineLimit(1)
                        Text("josh@merryway.com")
                            .lineLimit(1)
                        .font(.system(size: 15))
                    }
                    .font(.system(size: 17, weight: .semibold))
                    .foregroundStyle(.primary)
                    //.padding(.leading, 10)
                    Spacer()
                    Image(systemName: "chevron.right")
                        .font(.system(size: 15))
                        .foregroundStyle(.secondary)
                        .padding(.trailing, 8)
                }
                .frame(maxWidth: 450, alignment: .center)
            }
            .buttonStyle(PlainButtonStyle())
            .background(.thinMaterial)
            .clipShape(.rect(cornerRadius: 8))
        }
        .padding()
    }
}

#Preview {
    BannerNavLinkWImage()
}

Ready to copy and paste directly into any Xcode project running iOS 16.0+.

Recommended Use Cases

  • First-run onboarding flows and feature introductions
  • App settings, preferences, and account configuration screens
  • Dashboard overviews, stats tracking, and metric highlights

Component Details

iOS Compatibility
iOS 16.0+
Xcode Version
Xcode 15+
Platform
iOS
License Tier
Pro
Themes & Contexts
settingsonboardingdashboard
C

Compot for iOS

Native SwiftUI playground app

Preview all 130+ components interactively on your device and copy code straight to Xcode with 1 tap.

Get Compot on the App Store