marko-slider

Marko Slider

Slider widget for markojs.

Install

npm i marko-slider

Usage

class {
  handleEvent(e){
    console.log(e.filterName) // height
    console.log(e.filterValues) // [value1, value2]
    // note - filterValues is empty if remove is clicked
  }
}
<slider filterName="height"
        displayName="Height"
        filterStats={ min: 10, max: 20 }
        on-filter-obliterate("handleEvent")/>

Minimum styling is applied

• .slider-box - size of the slider container.
• .slider-line - blue line
• .slider-point - red circle with white outline
• .slider-value-box - green value box