display multiple labels

mui · Jun 7, 2022 · f27e898 · f27e898
1 parent b6155de
commit f27e898
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/docs/data/joy/components/slider/EdgeLabelSlider.js b/docs/data/joy/components/slider/EdgeLabelSlider.js
@@ -10,8 +10,10 @@ export default function EdgeLabelSlider() {
   return (
     <Box sx={{ width: 300 }}>
       <Slider
+        track={false}
+        defaultValue={[0, 10]}
         max={10}
-        aria-label="Always visible"
+        getAriaLabel={() => 'Amount'}
         getAriaValueText={valueText}
         marks
         valueLabelDisplay="on"

diff --git a/docs/data/joy/components/slider/EdgeLabelSlider.tsx b/docs/data/joy/components/slider/EdgeLabelSlider.tsx
@@ -10,8 +10,10 @@ export default function EdgeLabelSlider() {
   return (
     <Box sx={{ width: 300 }}>
       <Slider
+        track={false}
+        defaultValue={[0, 10]}
         max={10}
-        aria-label="Always visible"
+        getAriaLabel={() => 'Amount'}
         getAriaValueText={valueText}
         marks
         valueLabelDisplay="on"