diff --git a/src/Slider/Slider.js b/src/Slider/Slider.js index 8e014c5b8ef9bc..f96320c7e11f90 100644 --- a/src/Slider/Slider.js +++ b/src/Slider/Slider.js @@ -212,6 +212,10 @@ class Slider extends Component { * Whether or not the slider is required in a form. */ required: PropTypes.bool, + /** + * Override the inline-styles of the inner slider element. + */ + sliderStyle: PropTypes.object, /** * The granularity the slider can step through values. */ @@ -232,6 +236,7 @@ class Slider extends Component { max: 1, min: 0, required: true, + sliderStyle: {}, step: 0.01, style: {}, }; @@ -542,7 +547,7 @@ class Slider extends Component { const {prepareStyles} = this.context.muiTheme; const styles = getStyles(this.props, this.context, this.state); - const sliderStyles = styles.slider; + const sliderStyles = Object.assign(styles.slider, this.props.sliderStyle); let handleStyles = {}; let percent = this.state.percent;