diff --git a/docs/src/pages/component-api/MobileStepper/MobileStepper.md b/docs/src/pages/component-api/MobileStepper/MobileStepper.md index b4cbc671d1e667..20a3939e25afda 100644 --- a/docs/src/pages/component-api/MobileStepper/MobileStepper.md +++ b/docs/src/pages/component-api/MobileStepper/MobileStepper.md @@ -5,14 +5,14 @@ ## Props | Name | Type | Default | Description | |:-----|:-----|:--------|:------------| -| activeStep | number | 0 | Set the active step (zero based index). This will enable `Step` control helpers. | +| 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 onTouchTap prop of the Back button. | -| onNext * | function | | Passed into the onTouchTap prop of 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 text that appears for the next button. | | steps * | number | | The total steps. | | type | enum: 'text'
 'dots'
 'progress'
| 'dots' | The type of mobile stepper to use. | diff --git a/docs/src/pages/component-demos/stepper/TextMobileStepper.js b/docs/src/pages/component-demos/stepper/TextMobileStepper.js index 6b1a77ff98dac1..cde49ad6f82734 100644 --- a/docs/src/pages/component-demos/stepper/TextMobileStepper.js +++ b/docs/src/pages/component-demos/stepper/TextMobileStepper.js @@ -16,7 +16,7 @@ const styleSheet = createStyleSheet('TextMobileStepper', theme => ({ display: 'flex', alignItems: 'center', height: 50, - paddingLeft: theme.spacing.unit * 5, + paddingLeft: theme.spacing.unit * 4, marginBottom: 20, background: theme.palette.background.default, }, diff --git a/docs/src/pages/component-demos/stepper/stepper.md b/docs/src/pages/component-demos/stepper/stepper.md index 3438946c1dd5e9..52fad96360f176 100644 --- a/docs/src/pages/component-demos/stepper/stepper.md +++ b/docs/src/pages/component-demos/stepper/stepper.md @@ -8,7 +8,7 @@ components: MobileStepper ## Mobile Stepper -The [mobile steps](https://material.io/guidelines/components/steppers.html#steppers-types-of-steps) implements a compact stepper suitable for a mobile device. +This component implements a compact stepper suitable for a mobile device. See [mobile steps](https://material.io/guidelines/components/steppers.html#steppers-types-of-steps) for it's inspiration. ### Mobile Stepper - Text diff --git a/src/MobileStepper/MobileStepper.js b/src/MobileStepper/MobileStepper.js index 690a9c76a5ce32..509f1572574fbb 100644 --- a/src/MobileStepper/MobileStepper.js +++ b/src/MobileStepper/MobileStepper.js @@ -19,7 +19,7 @@ export const styleSheet = createStyleSheet('MuiMobileStepper', theme => ({ justifyContent: 'space-between', alignItems: 'center', background: theme.palette.background.default, - height: 50, + padding: theme.spacing.unit, }, positionBottom: { position: 'fixed',