UnlockCard styles
Control unlock card appearance, including header, key button, progress, instructions, and status states.
public struct UnlockCard {
// Container & header
public var cardBackground: Color?
public var headerBackground: Color?
public var dividerColor: Color
public var headerTitleColor: Color
public var headerSubtitleColor: Color
public var providerLogoTint: Color
// Primary action (big key)
public var keyIconColorIdle: Color
public var keyIconColorActive: Color
public var keyButtonGradient: [Color]
public var keyButtonShadowColor: Color
public var keyButtonShadowRadius: CGFloat
public var keyButtonShadowYOffset: CGFloat
// Progress & labels
public var progressColor: Color
public var phaseTitleColor: Color
// Instructions
public var instructionTextColor: Color
public var bulletBackground: Color
public var bulletTextColor: Color
// Status
public var successColor: Color
public var errorColor: Color
public var statusMessageColor: Color
}Examples:
Last updated
Was this helpful?

