CardExtHeader

public struct CardExtHeader
extension CardExtHeader: View
extension CardExtHeader: _ViewEmptyChecking

CardExtHeader: Composite Component Protocol

The _CardExtHeaderComponent protocol defines the extended header section of a card. This protocol combines multiple row components and KPI (Key Performance Indicator) components to create an extended header layout with structured data display capabilities.

Usage

This component is used to create an extended header section that can display structured data in rows and key performance indicators.

CardExtHeader(row1: {
    HStack {
        LabelItem(icon: Image(systemName: "exclamationmark.triangle.fill"), title: "Negative")
            .titleStyle { config in
                config.title.foregroundStyle(Color.preferredColor(.negativeLabel))
            }
        LabelItem(title: "Critical")
            .titleStyle { config in
                config.title.foregroundStyle(Color.preferredColor(.criticalLabel))
            }
        LabelItem(icon: Image(systemName: "checkmark.circle"), title: "Positive")
            .titleStyle { config in
                config.title.foregroundStyle(Color.preferredColor(.positiveLabel))
            }
    }
}, row2: {
    HStack {
        Text("256 reviews")
    }
}, row3: {
    HStack {
        Tag(verbatim: "Tag")
        Tag(verbatim: "Tag")
        Tag(verbatim: "Tag")
    }
}, kpi: {
    _KPIItem(KPIItemData.components([.icon(Image(systemName: "arrowtriangle.up.fill")),
                                     .unit("$"),
                                     .metric("26.9"),
                                     .unit("M")]))
}, kpiCaption: {
    Text("Revenue")
})

CardExtHeader(row1: { Text("Row 1 Content") },
              row2: { Text("Row 2 Content") },
              row3: { Text("Row 3 Content") },
              kpi: KPIItemData.components([.unit("$"), .metric("26.9"), .unit("M")]),
              kpiCaption: "Revenue")

  • Undocumented

    Declaration

    Swift

    public init(@ViewBuilder row1: () -> any View = { EmptyView() },
            @ViewBuilder row2: () -> any View = { EmptyView() },
            @ViewBuilder row3: () -> any View = { EmptyView() },
            @ViewBuilder kpi: () -> any View = { EmptyView() },
            @ViewBuilder kpiCaption: () -> any View = { EmptyView() },
            componentIdentifier: String? = CardExtHeader.identifier)

  • Undocumented

    Declaration

    Swift

    static let identifier: String

  • Undocumented

    Declaration

    Swift

    init(@ViewBuilder row1: () -> any View = { EmptyView() },
     @ViewBuilder row2: () -> any View = { EmptyView() },
     @ViewBuilder row3: () -> any View = { EmptyView() },
     kpi: KPIItemData? = nil,
     kpiCaption: AttributedString? = nil)

  • Undocumented

    Declaration

    Swift

    init(_ configuration: CardExtHeaderConfiguration)

  • Declaration

    Swift

    @MainActor
public var body: some View { get }

  • Undocumented

    Declaration

    Swift

    public var isEmpty: Bool { get }