Skip to content

Commit

Permalink
docs(material/slider): clarify behavior of slider range thumbs (#27846)
Browse files Browse the repository at this point in the history
* docs(material/slider): clarify behavior of slider range thumbs

Clarifies possible behavior/values of matStartThumb and matEndThumb in
slider component 'Selecting a range' documentation.

Addresses #27837

* correct names of slider thumbs and streamline language

* small wording update for clarity

* add 'the' in front of reference to thumb

(cherry picked from commit 891e3a0)
  • Loading branch information
stephanietuerk authored and mmalerba committed Sep 26, 2023
1 parent bfff63f commit 038fefe
Showing 1 changed file with 5 additions and 3 deletions.
8 changes: 5 additions & 3 deletions src/material/slider/slider.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,9 +16,11 @@ respectively. The initial value is set to the minimum value unless otherwise spe
```

### Selecting a range
A `<mat-slider>` can be converted into a range slider by projecting both a `matStartThumb` and a
`matEndThumb` into it. Each of the thumbs has an independent value, but they won't be allowed to
overlap and they're still bound by the same `min` and `max` from the slider.
A `<mat-slider>` can be converted into a range slider by projecting both a `matSliderStartThumb` and a
`matSliderEndThumb` into it. Each thumb has its own value, but both are still
constrained by the slider's `min` and `max` values. The `matSliderStartThumb` cannot have a value
greater than that of the `matSliderEndThumb` and the `matSliderEndThumb` cannot have a value less than
that of the `matSliderStartThumb`, though they both may have the same value.

```html
<mat-slider>
Expand Down

0 comments on commit 038fefe

Please sign in to comment.