# MobileStepper ## Props | Name | Type | Default | Description | |:-----|:-----|:--------|:------------| | activeStep | number | 0 | Set the active step (zero based index). Defines which dot is highlighted when the type is 'dots'. | | backButtonText | node | 'Back' | Set the text that appears for the back button. | | classes | object | | Useful to extend the style applied to components. | | disableBack | bool | false | Set to true to disable the back button. | | disableNext | bool | false | Set to true to disable the next button. | | nextButtonText | node | 'Next' | Set the text that appears for the next button. | | onBack * | function | | Passed into the onClick prop of the Back button. | | onNext * | function | | Passed into the onClick prop of the Next button. | | position | enum: 'bottom'
 'top'
 'static'
| 'bottom' | Set the positioning type. | | steps * | number | | The total steps. | | type | enum: 'text'
 'dots'
 'progress'
| 'dots' | The type of mobile stepper to use. | Any other properties supplied will be spread to the root element. ## CSS API You can overrides all the class names injected by Material-UI thanks to the `classes` property. This property accepts the following keys: - `root` - `positionBottom` - `positionTop` - `positionStatic` - `button` - `dots` - `dot` - `dotActive` - `progress` Have a look at [overriding with class names](/customization/overrides#overriding-with-class-names) section for more detail. If using the `overrides` key of the theme as documented [here](/customization/themes#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiMobileStepper`.