react-form-stepper icon indicating copy to clipboard operation
react-form-stepper copied to clipboard

connector activeColor and completedColor values are not updating the connector colour

Open daniellercole opened this issue 1 year ago • 3 comments

Hi! I am trying to get this desired effect (the active connector colour) which seems to be possible in the documentation. Design: Screenshot 2023-03-15 at 2 07 28 PM

My code: Screenshot 2023-03-15 at 2 07 08 PM Screenshot 2023-03-15 at 2 09 39 PM

But the only colour that is being rendered here is the disabled colour: Screenshot 2023-03-15 at 2 11 03 PM

Not sure if I'm missing something here

daniellercole avatar Mar 15 '23 18:03 daniellercole

So I don't think you're using the correct props. completedColor should be completedBgColor, etc.

dglassick avatar Apr 19 '23 02:04 dglassick

i am facing the same issue connectorStyleConfig={{ size: 5, stepSize: 0, completedColor: "red", activeColor: "red", disabledColor: "#D6D6D6", style: "solid" }}

completedColor and activeColor is not @daniellercole

afiq-ekkeri avatar Jun 21 '23 10:06 afiq-ekkeri

I got the solution, give this prop to stepper connectorStateColors={true} @daniellercole

afiq-ekkeri avatar Jun 21 '23 11:06 afiq-ekkeri