RangeSlider: Add data-index to MarkLabel

mui · Apr 5, 2020 · 1313a6e · 1313a6e
1 parent 078fd1e
commit 1313a6e
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/material-ui/src/Slider/Slider.js b/packages/material-ui/src/Slider/Slider.js
@@ -688,7 +688,7 @@ const Slider = React.forwardRef(function Slider(props, ref) {
       <span className={classes.rail} />
       <span className={classes.track} style={trackStyle} />
       <input value={values.join(',')} name={name} type="hidden" />
-      {marks.map((mark) => {
+      {marks.map((mark, index) => {
         const percent = valueToPercent(mark.value, min, max);
         const style = axisProps[axis].offset(percent);
 
@@ -717,6 +717,7 @@ const Slider = React.forwardRef(function Slider(props, ref) {
             />
             <span
               aria-hidden
+              data-index={index}
               style={style}
               className={clsx(classes.markLabel, {
                 [classes.markLabelActive]: markActive,