Merge branch 'main' into improve-readme-install-instruction

Author: Subham-KRLX

src/pages/components/file-uploader/images/file-uploader-usage-4b.png

@@ -315,6 +315,29 @@ a tooltip on hover, focus, and active to show the selected values.
 </Column>
 </Row>
 
+#### Sliders with custom value
+
+For sliders with custom value, show a tooltip on hover, focus, and active to
+display the selected value. These labels can vary by use case, the tooltip
+should help users understand their selection without needing a separate input.
+
+For example, between values of low and high, the tooltip should display low when
+the handle is near the start of the range, medium when it's around the middle,
+and high when it approaches the end.
+
+<Row>
+<Column colLg={8}>
+
+![Using a tooltip to show the selected values with custom value](images/slider-modifier-2-tooltip.png)
+
+<Caption>
+  Example shows custom values as low, medium, and high by using a tooltip to
+  show the selected values
+</Caption>
+
+</Column>
+</Row>
+
 ## Feedback
 
 Help us improve this component by providing feedback, asking questions, and