From a96b4cf17cc11b6f5374f69a29c5b7baae839054 Mon Sep 17 00:00:00 2001
From: siriwatknp <siriwatkunaporn@gmail.com>
Date: Tue, 7 Jun 2022 14:13:06 +0700
Subject: [PATCH] display multiple labels

---
 docs/data/joy/components/slider/EdgeLabelSlider.js  | 3 ++-
 docs/data/joy/components/slider/EdgeLabelSlider.tsx | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/docs/data/joy/components/slider/EdgeLabelSlider.js b/docs/data/joy/components/slider/EdgeLabelSlider.js
index 5a83661fa45605..7fc6bbd5d867ef 100644
--- 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
index e1dfe98963d1a2..8e5c105afdb146 100644
--- 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"