Skip to content

Commit

Permalink
style consistency, introduce the word thumb earlier in the doc
Browse files Browse the repository at this point in the history
  • Loading branch information
Sam Sycamore committed Apr 5, 2022
1 parent 32fd4a3 commit 333bfd1
Showing 1 changed file with 4 additions and 3 deletions.
7 changes: 4 additions & 3 deletions docs/data/base/components/slider/slider.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
product: base
title: React Slider unstyled component and hook
title: Unstyled React Slider component and hook
components: SliderUnstyled
githubLabel: 'component: slider'
waiAria: https://www.w3.org/TR/wai-aria-practices/#slider
Expand All @@ -9,7 +9,7 @@ packageName: '@mui/base'

# Slider

<p class="description">The SliderUnstyled component lets users make selections from a range of values along a horizontal or vertical bar.</p>
<p class="description">The <code>SliderUnstyled</code> component lets users make selections from a range of values along a horizontal or vertical bar.</p>

Users may need to select a single value or a range of values on a slider.
They are ideal for interface controls that benefit from a visual representation of adjustable content, such as volume or brightness settings, or for applying image filters.
Expand All @@ -27,7 +27,8 @@ import SliderUnstyled from '@mui/base/SliderUnstyled';
The most basic slider is _continuous_, which means it does not have pre-defined (_discrete_) values for the user to select from.
This is suitable for situations in which an approximate value is good enough for the user, such as brightness or volume.

But if your users need more precise options, you can create a discrete slider that snaps to pre-defined stops along the bar.
But if your users need more precise options, you can create a discrete slider that snaps the thumb to pre-defined stops along the bar.

To generate a mark for each stop, use `marks={true}`:

{{"demo": "DiscreteSlider.js"}}
Expand Down

0 comments on commit 333bfd1

Please sign in to comment.