CardMainHeader

public struct CardMainHeader

extension CardMainHeader: View

extension CardMainHeader: _ViewEmptyChecking

CardMainHeader: Composite Component Protocol

The _CardMainHeaderComponent protocol defines the main header section of a card. This protocol combines title, subtitle, icons, detail image, header action, counter, and flexible item components to create a comprehensive header layout for card-based UI components.

Usage

This component is used to create the primary header section of a card, providing a structured layout for displaying key information and actions.

CardMainHeader {
    Text("Card Title")
} subtitle: {
    Text("Card subtitle with additional information")
} icons: {
    IconStack(icons: [TextOrIcon.icon(Image(systemName: "star.fill"))])
} detailImage: {
    Image("profile-image")
        .resizable()
        .clipShape(Circle())
} headerAction: {
    FioriButton(title: "Action")
} counter: {
    Text("1 of 3")
} flexItem: {
    Text("Flexible content")
} flexItemPosition: .aboveTitle

CardMainHeader(title: "Card Title",
               subtitle: "Card subtitle with additional information",
               icons: [TextOrIcon.icon(Image(systemName: "star.fill"))],
               detailImage: Image("profile-image"),
               headerAction: FioriButton(title: "Action"),
               counter: "1 of 3",
               flexItem: { Text("Flexible content") },
               flexItemPosition: .aboveTitle)


                      
                      
                      init(title:subtitle:icons:detailImage:headerAction:counter:flexItem:flexItemPosition:componentIdentifier:)

Undocumented

Declaration

Swift

public init(@ViewBuilder title: () -> any View,
            @ViewBuilder subtitle: () -> any View = { EmptyView() },
            @IconBuilder icons: () -> any View = { EmptyView() },
            @ViewBuilder detailImage: () -> any View = { EmptyView() },
            @ViewBuilder headerAction: () -> any View = { EmptyView() },
            @ViewBuilder counter: () -> any View = { EmptyView() },
            @ViewBuilder flexItem: () -> any View = { EmptyView() },
            flexItemPosition: FlexItemPositionType? = nil,
            componentIdentifier: String? = CardMainHeader.identifier)

identifier
Undocumented
Declaration
Swift

static let identifier: String


                      
                      
                      init(title:subtitle:icons:detailImage:headerAction:counter:flexItem:flexItemPosition:)

Undocumented

Declaration

Swift

init(title: AttributedString,
     subtitle: AttributedString? = nil,
     icons: [TextOrIcon] = [],
     detailImage: Image? = nil,
     headerAction: FioriButton? = nil,
     counter: AttributedString? = nil,
     @ViewBuilder flexItem: () -> any View = { EmptyView() },
     flexItemPosition: FlexItemPositionType? = nil)


                      
                      
                      init(_:)

Undocumented

Declaration

Swift

init(_ configuration: CardMainHeaderConfiguration)


                      
                      
                      body

Declaration

Swift

@MainActor
public var body: some View { get }

isEmpty
Undocumented
Declaration
Swift

public var isEmpty: Bool { get }