Skip to main content

IProgressBarTokens

@spartanfx/react v1.2.2


@spartanfx/react / index / IProgressBarTokens

Interface: IProgressBarTokens

Customization tokens for ProgressBar styling

Properties

Options

PropertyTypeDescription
borderRadius?stringBorder radius for bar mode (default: "3px")
fontFamily?stringFont family (applies to all modes)
fontSize?stringFont size (applies to all modes)
fontWeight?stringFont weight for value text (applies to all modes)
shadow?stringBox shadow (applies to bar mode, and as drop-shadow filter for circle/pie modes)
strokeWidth?stringStroke width for circle mode - ignored in pie mode (default: "8")
transitionDuration?stringTransition duration (default: "0.25s") - note: pie mode doesn't animate to prevent arc distortion

Appearance & theming

PropertyTypeDescription
colorBackground?stringBackground color for the track/unfilled portion (applies to all modes)
colorBar?stringColor for the progress fill/bar (applies to all modes)
colorLabel?stringLabel color (applies to all modes)
colorText?stringText color for percentage/value display (applies to all modes)