circular-range-slider v1.0.4

CircularRangeSlider

Circular Range Slider based on RoundSlider (https://roundsliderui.com)

Install following dependencies -

1) Jquery - [ npm install jquery --save ]
2) RoundSlider - [ npm i round-slider ]

Add following in angular.json

1) "scripts": [
                "./node_modules/jquery/dist/jquery.min.js",
                "./node_modules/round-slider/dist/roundslider.min.js"
              ]

2) "styles": [
                "src/styles.scss",
                "./node_modules/round-slider/dist/roundslider.min.css"
             ]

Usage

<circular-range-slider sliderProps="value" tooltipFormatter="tooltipFormatter" dialFormatter="dialFormatter" sliderFormatter="sliderFormatter" (onChange)="onChange($event)" (onDrag)="onDrag($event)">