This site uses cookies from Google to deliver its services and to analyze traffic.
More details
Okay, got it
Skip to main content
Material
Components
CDK
Guides
arrow_drop_down
19.1.2
format_color_fill
GitHub
Components
CDK
Guides
menu
Menu
Autocomplete
Badge
Bottom Sheet
Button
Button toggle
Card
Checkbox
Chips
Core
Datepicker
Dialog
Divider
Expansion Panel
Form field
Grid list
Icon
Input
List
Menu
Paginator
Progress bar
Progress spinner
Radio button
Ripples
Select
Sidenav
Slide toggle
Slider
Snackbar
Sort header
Stepper
Table
Tabs
Timepicker
Toolbar
Tooltip
Tree
overview
api
styling
examples
Examples for slider
Configurable slider
link
code
open_in_new
Slider configuration
Value
Min value
Max value
Step size
Show ticks
Show thumb label
Disabled
Result
Value
0
Slider with custom thumb label formatting.
link
code
open_in_new
0
Testing with MatSliderHarness
link
code
open_in_new
This example contains tests. Open in Stackblitz to run the tests.
Basic slider
link
code
open_in_new
Range slider
link
code
open_in_new
Azure & Blue theme selected.
Select a version of the documentation
Select a theme for the documentation
Copy link to example
View code
Edit Configurable slider example in StackBlitz
Edit Slider with custom thumb label formatting. example in StackBlitz
Edit Testing with MatSliderHarness example in StackBlitz
Edit Basic slider example in StackBlitz
Edit Range slider example in StackBlitz