Slider

Sliders allow users to make selections from a range of values.

Usage

Default slider behavior with hover/focus tooltip label.


  <wc-slider id="slider" value="60" step="1"></wc-slider>

Enable a persistent value display with show-value.


  <wc-slider id="slider-with-value" value="25" min="0" max="100" step="1" show-value="true"></wc-slider>

On this page

Sponsor