Skip to main content

Version: Next

OCProgressCard: UI Component

OCProgressCard is a customizable info card view component with a progress bar embedded in it with animation capabilities.

Features

Its an information card with a progress component
The progress bar will be animated on appear from 0 to the current levels set
Styles for the component can be customized using a style object

Parameters:

title: String - Title for the progress card
highlightedDescription: String - Highlighted description shown in large text
caption: String - Text after the Highlighted description
currentProgress: Double - Current progress level for the progress bar
totalProgress: Double - Maximum progress level for the progress bar
style: OCProgressCardStyle - Style elements for the view

    OCProgressCard(
        title: "Dein Bonus aus AOK NAVIDA",
        highlightedDescription: "500 Punkte",
        caption: "von 6000 Punkten",
        currentProgress: 3000,
        totalProgress: 6000,
        style: OCProgressCardStyle()
    )
    .padding(OCConstants.UIComponent.padding24)

Features