CircularProgress
A circular indicator displaying the progress of something.
Importing
1
import { CircularProgress } from '@infinityfx/fluid';Usage
API reference
CircularProgress Props
size?
'xsm' | 'sml' | 'med' | 'lrg'
'med'
color?
string
Custom color for the progress arc.
value?
number
0
Progress value between 0 and 1.
slice?
number
0
Fraction of the circle to cut off at the bottom (0 to 1).
gap?
number
0
Gap between the progress arc and the track at the endpoints.
fixedStrokeWidth?
boolean
true
When true, the stroke width remains constant regardless of the component size.