I would like to connect the dots essentially for the Material UI stepper when it is vertical.
I have done it for the horizontal component:
However this was done using
<code>[`&.${stepConnectorClasses.alternativeLabel}`]: {
top: 10,
left: "calc(-50% + 0px)",
right: "calc(50% + 0px)"
},
</code>
<code>[`&.${stepConnectorClasses.alternativeLabel}`]: {
top: 10,
left: "calc(-50% + 0px)",
right: "calc(50% + 0px)"
},
</code>
[`&.${stepConnectorClasses.alternativeLabel}`]: {
top: 10,
left: "calc(-50% + 0px)",
right: "calc(50% + 0px)"
},
The alternativeLabel is used for the horizontal steppers – how can I connect the dots for the vertical stepper?:
So I can have something like this: