SwiftUI Links & Sharing

import SwiftUI

struct LinkRowSettings: View {
    
    var body: some View {
        Form {
            LabelRowLink(destinationUrl: "https://compotui.com", visibleUrl: "compotui.com", title: "Website", iconTitle: "globe", supportingIcon: "arrow.up.forward.app")
        }
    }
}

#Preview {
    LinkRowSettings()
}

struct LabelRowLink: View {
    
    let destinationUrl: String
    let visibleUrl: String?
    let title: String
    let iconTitle: String
    let supportingIcon: String?
    
    var body: some View {
        Link(destination: URL(string: destinationUrl)!, label: {
            HStack(alignment: .center) {
                Label(title, systemImage: iconTitle)
                Spacer()
                HStack(alignment: .center) {
                    Text(visibleUrl ?? "")
                    Image(systemName: supportingIcon ?? "")
                }
                .foregroundStyle(.secondary)
            }
        })
    }
}

import SwiftUI

struct LinkAsIcon: View {
    var body: some View {
        Link(destination: URL(string: "https://www.compotui.com")!, label: {
                Image(systemName: "arrow.up.right.square")
                .resizable()
                .scaledToFit()
                .frame(width: 64, height: 64)
                .foregroundStyle(.red)
            })
    }
}

#Preview {
    LinkAsIcon()
}

import SwiftUI


struct UseLinkAsButton: View {
    
    var body: some View {
        LinkAsButton(url: "https://www.compotui.com", systemSymbol: "globe", text: "Website")
    }
}

#Preview {
    UseLinkAsButton()
}


struct LinkAsButton: View {
    
    let url: String
    let systemSymbol: String
    let text: String
    
    var body: some View {
        Link(destination: URL(string: url)!, label: {
            HStack(spacing: 16) {
                Image(systemName: systemSymbol)
                Text(text)
            }
            .padding(.horizontal, 32)
            .padding(.vertical, 16)
            .font(.largeTitle)
            .foregroundColor(.white)
            .background(
                Capsule()
                    .fill(Color.blue)
                )
        })
    }
}