Skip to content

Latest commit

 

History

History
21 lines (18 loc) · 488 Bytes

README.md

File metadata and controls

21 lines (18 loc) · 488 Bytes

Slider

See demo for how these look in real life.

<md-slider @change="${this.changed}" labeled></md-slider>
<!-- stepped values -->
<md-slider @change="${this.changed}" min="0" max="50" step="10" ticks value="10"></md-slider>
<!-- range - two knobs -->
<md-slider @change="${this.changed}" range value-start="25" value-end="75"></md-slider>
changed(e){
    console.log(
    'Slider changed',
    e.target.value,
    e.target.valueStart,
    e.target.valueEnd)
}