How do you change the Stepper color on React Material UI?

Question

In the screenshot above, I am trying to change the step color to either: green for correct, yellow for in-progress and red for incorrect.

How could I do this?

Answer 1

You need to change props icon of a StepLabel component as below:

}
 style={{color: red500}}
>
  Random label