display multiple labels

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

Hide file tree

Showing 2 changed files with 4 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,9 @@ export default function EdgeLabelSlider() {
   return (
     <Box sx={{ width: 300 }}>
       <Slider
+        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,9 @@ export default function EdgeLabelSlider() {
   return (
     <Box sx={{ width: 300 }}>
       <Slider
+        defaultValue={[0, 10]}
         max={10}
-        aria-label="Always visible"
+        getAriaLabel={() => 'Amount'}
         getAriaValueText={valueText}
         marks
         valueLabelDisplay="on"