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

Not possible to make space between connector and step circles 0

Open KayvT opened this issue 2 years ago • 6 comments

I have been trying to edit the stepSize props to 0 or anything else other than the default value of 2em and nothing changes.

KayvT avatar May 20 '22 11:05 KayvT

image stepSize not passed in props I think?

KayvT avatar May 20 '22 11:05 KayvT

Thanks for the feedback and sorry for the late response. Indeed the default stepSize overrides the custom provided one. I'm not sure however this will be enough to achieve what you had in mind. I will release a fix for thestepSize later today. As for customizing the connectors I will need some time to devise and implement a proper solution.

EDIT: v2.0.3 is released with the stepSize fix

M0kY avatar May 31 '22 08:05 M0kY

Alright, thank you very much! Sorry for the late reply as well. I will try it and let you know.

KayvT avatar Jun 17 '22 12:06 KayvT

Months later, I finally was able to go back to where I used it and check. Sadly, you are right. Because the stepSize changes all the top/right/left attributes, I can make the connector touch the step circle but then the centering is off because the top also changes.

If you ever feel like it, maybe the stepSize can be an object where I can give it the 3 attributes:top, right, left.

CleanShot 2022-12-14 at 12 41 55@2x

KayvT avatar Dec 14 '22 09:12 KayvT

I am having this issue as well

daniellercole avatar Mar 15 '23 18:03 daniellercole

@daniellercole If you're referring to the original issue, setting stepSize in ConnectorStyleProps to 0 should solve the problem

Dan-Mqs avatar Sep 20 '23 19:09 Dan-Mqs