{"repo":"angular-slider/ngx-slider","free":true,"listed":false,"github":"https://github.com/angular-slider/ngx-slider","clone":"git clone https://github.com/angular-slider/ngx-slider.git","description":"Self-contained, mobile friendly slider component for Angular based on angularjs-slider","language":"TypeScript","stars":411,"topics":["slider","component","ui","angular"],"license":"MIT","category":"ui-components","readme_excerpt":"ngx-slider Website: https://angular-slider.github.io/ngx-slider/ Discord: https://discord.gg/DHsDghZRwZ Self-contained, mobile friendly slider component for Angular based on angularjs-slider. Dependencies ngx-slider Angular RxJS Actively supported ------------- ----------- ----------- ------------------ 2.0.x 6.x - 12.x 6.x No 13.x 13.x 6.x No 14.x 14.x 6.x No 15.x 15.x 7.x No 16.x 16.x 7.x No 17.x 17.x 7.x No 18.x 18.x 7.x No 19.x 19.x 7.x Yes 20.x 20.x 7.x Yes 21.x 21.x 7.x Yes Note: Like with Angular only the latest 3 versions are actively supported. Demos Single slider - StackBlitz Range slider - StackBlitz Slider with ticks - StackBlitz Customised slider - StackBlitz Slider with custom style - StackBlitz Vertical slider - StackBlitz More examples on official website Installation To add the slider to your Angular project: Once installed, add the slider to your app.module.ts : Sample usage Now you can use the slider component in your app components, for example in app.component.ts : And in template file app.component.html : Documentation Full API documentation is available on official website. Styling An overview of how to apply your own style to the slider is described in STYLING.md. Animations As of v1.2.0 the slider features CSS animations of slider movement. If you prefer the previous behaviour, without animations, you can set the flag animate: false in your slider options. Keyboard Shortcuts In addition to mouse/touch events, the slider can also be controlled through ","default_branch":null,"files":null,"tree":[],"storefront":"/r/angular-slider","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/angular-slider/ngx-slider/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}