ng-round-slider v1.0.1

ng-round-slider

Angular library with implementation of Round Slider JQuery Plugin using JQuery and round-slider packages.

Motivation

Sometime ago I needed a round slider as a map control. I didn't find a suitable for me vanilla (html, css, js) solution (but I googled about 2 hours). Only option was as mentioned earlier JQuery Plugin. I integrated it to my Angular application. I dreamed it would be a separate library I could reuse...

Usage

1. Install library:

npm i ng-round-slider

2. Import the component:

// ...
import { NgRoundSliderComponent } from 'ng-round-slider';

@Component({
  // ...
  imports: [NgRoundSliderComponent]
})
export class SomeComponent {
  // ...
}

3. Add in template:

<ng-round-slider></ng-round-slider>

Input properties

!IMPORTANT
All input properties are optional. If you didn't provide a value, it would set default value.