StepProgress
Used to display the current status of a process.
Approving payment
2
In transit
3
Finished
Props:
currentIndex
Description: Active step index used to control the component. Type: Number. Required.
steps
Description: An array containing all processes string. Type: string[]. Required.
containerStyle
Description: Container style. Type: CSS Properties.
containerClassName
Description: Container className. Type: String.
stepItemStyle
Description: Step Item style. Type: CSS Properties.
stepItemClassName
Description: Step Item className. Type: String.
lineStyle
Description: Line style. Type: CSS Properties.
lineClassName
Description: Line className. Type: String.
textStyle
Description: Text style. Type: CSS Properties.
textClassName
Description: Text className. Type: String.
Code
const steps = [ 'Approving payment', 'In transit', 'Finished' ] <StepProgressComponent currentIndex={2} steps={steps} />