Home » Boots » Ngx Bootstrap Slider Example

Ngx Bootstrap Slider Example

npm install ngx-bootstrap-slider Setup Include the module.

Import the module in your app.


ts: import { NgxBootstrapSliderModule } from ‘ ngx-bootstrap-slider ‘; Add the module to the imports in your app.


ts: imports: [.


] Configure the Angular CLI.

Add the CSS and JavaScript files to your angular.

json:, 26/07/2018 Dismiss Join GitHub today.

GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together.

, Supporting NGX-Bootstrap.

ngx-bootstrap is an Open Source (MIT Licensed) independent project with ongoing development made possible thanks to the support of our awesome backers.

, Example Link Example Description; Example 1: Basic example with custom formatter and colored selected region via CSS: Example 2: Range selector, options specified via data attribute: Example 3: Using events to work with the values and style the selection and handles via CSS.

The tooltip is disabled and diferent shapes for the handles: Example 4, Look below to see an example of how to interact with the non-JQuery interface.

Supported Browsers.

We only support modern browsers!!! Basically, anything below IE9 is not compatible with this plugin! Examples.

You can see all of our API examples here.

Using #, Type grunt dev to launch browser window with Examples page; Grunt Tasks.

This plugin uses Grunt as its command-line task runner.

To install the Grunt CLI, type npm install grunt-cli -g.

To execute any of the commands, type grunt in your terminal instance.

The following is a list of the commonly-used command line tasks:ngx bootstrap slider example