fix(Slider): match vanilla markup

carbon-design-system · Jan 22, 2019 · 6d88eed · 6d88eed
1 parent ecdcea0
commit 6d88eed
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/src/components/Slider/Slider.js b/src/components/Slider/Slider.js
@@ -12,6 +12,7 @@ import isEqual from 'lodash.isequal';
 import { settings } from 'carbon-components';
 import TextInput from '../TextInput';
 import { sliderValuePropSync } from '../../internal/FeatureFlags';
+import { componentsX } from '../../internal/FeatureFlags';
 
 const { prefix } = settings;
 
@@ -417,6 +418,11 @@ export default class Slider extends PureComponent {
           {labelText}
         </label>
         <div className={`${prefix}--slider-container`}>
+          {componentsX && (
+            <span className={`${prefix}--slider__range-label`}>
+              {formatLabel(min, minLabel)}
+            </span>
+          )}
           <div
             className={sliderClasses}
             ref={node => {
@@ -462,9 +468,11 @@ export default class Slider extends PureComponent {
               onChange={this.handleChange}
             />
           </div>
-          <span className={`${prefix}--slider__range-label`}>
-            {formatLabel(min, minLabel)}
-          </span>
+          {!componentsX && (
+            <span className={`${prefix}--slider__range-label`}>
+              {formatLabel(min, minLabel)}
+            </span>
+          )}
           <span className={`${prefix}--slider__range-label`}>
             {formatLabel(max, maxLabel)}
           </span>