LabelsFree ComponentiOS 16.0+Xcode 15+

Label with Person Initials

Label featuring user initials monogram in place of an image.

Download in Compot App Browse all Labels

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies

labelWPersonInitials.swift

import SwiftUI

struct UseLabelWPersonInitials: View {
    
    var body: some View {
        LabelWPersonInitials(personName: PersonNameComponents(givenName: "Josh", familyName: "Merryway"), personJob: "CEO")
    }
}

#Preview {
    UseLabelWPersonInitials()
}

struct LabelWPersonInitials: View {
    
    let personName: PersonNameComponents
    let personJob: String
    
    var body: some View {
        Label {
            Text(personName, format: .name(style: .medium))
                .font(.body)
                .fontWeight(.regular)
                .foregroundColor(.primary)
            Text(personJob)
                .font(.subheadline)
                .foregroundColor(.secondary)
        } icon: {
            Circle()
                .fill(.blue.gradient.opacity(0.5))
                .frame(width: 44, height: 44, alignment: .center)
                .overlay(Text(personName, format: .name(style: .abbreviated)))
        }
    }
}

#Preview {
    LabelWPersonInitials(personName: PersonNameComponents(givenName: "Josh", familyName: "Merryway"), personJob: "CEO")
}