[Stepper] Reverse the vertical stepper starting point

[fajrizulfikar]

Current behavior when using vertical steppers it would look like this:

I expect it could start from the bottom and finish on the top by not changing the index order.
I try to use direction: 'rtl' but it only change the horizontal direction, not the vertical direction.

• This is not a v0.x issue.
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior 🤔

Reverse vertical steppers direction from top-to-bottom to be bottom-to-top

Current Behavior 😯

Using direction: 'rtl' does not accomplish the goal

Your Environment 🌎

Tech	Version
Material-UI	v3.6.2
React	16.3.0
Browser	Chrome 74

[adeelibr]

@fajrizulfikar Here is an example of working revere stepper https://codesandbox.io/s/material-ui-reverse-stepper-88xu1 is this what you want?

[fajrizulfikar]

@adeelibr first of all thank you for your response, but that's not what i want.
in a raw picture, i want the stepper to be look like this:

the stepper still start from the first index, but the direction is reversed

[joshwooding]

@fajrizulfikar You should be able to use flexbox to support this e.g https://codesandbox.io/s/material-demo-uqzeh we should be able to add support if others are happy.

[fajrizulfikar]

thank you sir!
this is what i was looking for