marko-slider

0.0.7 • Public • Published

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

example sliders

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

Package Sidebar

Install

npm i marko-slider

Weekly Downloads

2

Version

0.0.7

License

MIT

Unpacked Size

9.16 kB

Total Files

5

Last publish

Collaborators

  • codeallthethingz