DEVELOPMENT PREVIEWIn development

progress API

feedback/circular-progress.tsx

CircularProgress

Props

PropTypeDefaultDescription
size
number | undefined48Size in pixels
strokeWidth
number | undefined4Stroke width
variant
CircularProgressVariant | "primary" | "success" | "warning" | "danger" | "info" | undefinedCircularProgressVariant.PrimaryColor variant
showLabel
boolean | undefinedfalseShow percentage label
indeterminate
boolean | undefinedfalseIndeterminate state (loading)
Show native HTML props

Native HTML Props

PropTypeDefaultDescription
value
number | undefined0percentage 0-100
className
string | undefined