Skip to content
FormBrowse form components
ComponentsFormNew in 0.2

Slider

Native range input with cross-browser styled track and thumb. Glow on focus.

Live preview

Usage

Adapters:React stableVue stable
index.html
<input class="lm-slider" type="range" min="0" max="100" value="50" aria-label="Volume" />

CSS classes (1)

ClassDescription
lm-sliderNative range input

React props (4)

PropTypeDefaultDescription
minnumber
maxnumber
stepnumber
valuenumber

Accessibility

  • Provide aria-label or visible <label>; aria-valuetext for non-numeric values.

Spotted something wrong? Edit this entry on GitHub.