Skip to main content
Version: Next

OCMotivationCardView: UI Component

The OCMotivationCardView is a customizable card view for displaying Motivation card details. It can include a image, star image, title, description and a pill view.

Features​

  • User can pass the desired details to show Motivation card details:
  • Motivation card data includes image, title, pill image, pill text and star image.

Parameters:​

  • MotivationCard Details : image, title, description, pill image, pill text.
  • style : The appearance of the card can be customized using different background and text color and font
import SwiftUI

struct OCMotivationCardViewTemplate: View {
    var body: some View {
        VStack {
            OCMotivationCardView(motivationCardInformation: OCMotivationCardViewInformation(image: .local(image: Image("HealthGoalCardPlaceholder")), title: "Title", description: "Teasertext goes here.", pillImage: .local(image: Image.iconImage), pillText: "Label"), selectedAction: {_ in }, onSelectCard: { _ in }).padding()
        }
    }
}