/s-slider

Up-to-date fork of <paper-slider> with new features.

Primary LanguageHTML

Published on webcomponents.org

<s-slider>

Up-to-date fork of <paper-slider> with new features.

Material design: Sliders

s-slider allows user to select a value from a range of values by moving the slider thumb. The interactive nature of the slider makes it a great choice for settings that reflect intensity levels, such as volume, brightness, or color saturation.

New features

  • deselected property for deselect the knob
  • --s-slider-deselected-knob-color css property for deselected knob color
  • --s-slider-deselected-knob-inner-color css property for deselected knob inner color
  • vertical property for vertical orientation
  • --s-slider-expanded-knob mixin applied to the expanded knob
<s-slider value="50"></s-slider>
<s-slider deselected value="50"></s-slider>
<s-slider vertical value="50"></s-slider>