---
components: Slider
---

# Slider

A [slider](https://material.io/guidelines/components/sliders.html) is an interface for users to input a value in a range. Sliders can be continuous or discrete and can be enabled or disabled.

## Simple slider
{{"demo": "pages/lab/slider/SimpleSlider.js"}}

## Slider with steps
{{"demo": "pages/lab/slider/StepSlider.js"}}

## Disabled slider
{{"demo": "pages/lab/slider/DisabledSlider.js"}}

## Vertical slider
{{"demo": "pages/lab/slider/VerticalSlider.js"}}

## Reverse slider
{{"demo": "pages/lab/slider/ReverseSlider.js"}}