AEPText

The AEPText class is a fundamental UI component used to display text for content cards.

This class allows you to customize the text element with properties like font, color, and modifier.

AEPText class conforms to ObservableObject, allowing it to be used reactively in SwiftUI views.

Properties

Default font values

The default font depends on the type of text:

• Title: System font, Size 15, Medium weight
• Body: System font, Size 13, Regular weight
• ButtonText: System font, Size 13, Regular weight

Default color values

The default color depends on the type of text:

• Title: primary
• Body: secondary
• ButtonText: blue

data-variant=info

data-slots=text

Customization

Below is an example of how to customize the AEPText properties when working with a SmallImageTemplate:

data-slots=heading, code

data-repeat=1

class MyCustomizer : ContentCardCustomizing {

    func customize(template: SmallImageTemplate) {
        // Customize the title text element
        template.title.font = .subheadline
        template.title.textColor = .green
        template.title.modifier = AEPViewModifier(MyTitleModifier())

        // Customize the body text element, if available
        template.body?.font = .caption
    }

    struct MyTitleModifier: ViewModifier {
        func body(content: Content) -> some View {
            content
                .padding()
                .background(Color.yellow)
                .cornerRadius(5)
        }
    }
}