noUiSlider

There are few options on how to noUiSlider into your project.

Install from NPM

Install the noUiSlider Js library from command prompt from the root directory of the project:

npm install nouislider --save

Import the noUiSlider package.

import noUiSlider from 'nouislider';

Below the example how to use the package and make it working ApexTree on any page.

Symfony

<div class="card-body">
    <div id="defaultSlider"></div>
</div>

JavaScript

import noUiSlider from 'nouislider';

// Default
var slider = document.getElementById("defaultSlider");

noUiSlider.create(slider, {
    start: [20, 80],
    connect: true,
    range: {
    min: 0,
    max: 100,
    },
});
Receive the latest updates directly in your inbox!

Be the first to know about new updates and exclusive discounts. No spam, just great offers!

How about

A Custom Project?

With over 7 years of experienced team, we specialize in delivering custom projects for startups, blue-chip companies, and government agencies. We have successfully completed over 250+ projects, providing tailored solutions that meet the unique needs of each client.

Hire Us
Domiex Admin & Dashboards
230+

Total Pages

5+

Layouts

11+

Application

We provide quick support withing one business day to all of our customers.

© Domiex Created & Crafted by SRBThemes.