[MobileStepper] Add ability to maintain the 3 dots exactly at center of the whole stepper width, whatever is the width of "Back" and "Next" #21636
Labels
component: stepper
This is the name of the generic UI component, not the React module!
new feature
New feature or request
In you demo page https://material-ui.com/components/steppers/#dots you use words "Back" and "Next", plus an icon for each, so the width of these buttons are exactly the same, so we see 3 dots exactly at middle of the Stepper container.
But if you change the labels by let's say "Previous" and "Next" (or change locale of these labels), then the buttons width is not the same, and the 3 dots move a bit to the right and so they are not centered anymore with the whole Stepper container.
Summary 💡
You could add an option to let developer decide if dots should:
**
Back
to 3 dots (on the left side of stepper)** 3 dots to
Next
(on the right side of stepper)OR
Examples 🌈
Motivation 🔦
This option would help to:
The text was updated successfully, but these errors were encountered: