Installation

Requirements

• Node.js >= 18
• Vue 3 >= 3.2
• npm >= 8.5.0

Install via npm

npm install nouislider-vue3

Importing

Component + styles

import Slider from 'nouislider-vue3';
import 'nouislider-vue3/css';

Global registration

import { createApp } from 'vue';
import Slider from 'nouislider-vue3';
import 'nouislider-vue3/css';

const app = createApp(App);
app.component('Slider', Slider);
app.mount('#app');

Local registration

<script>
import Slider from 'nouislider-vue3';
import 'nouislider-vue3/css';

export default {
    components: { Slider },
}
</script>

Package files

The package includes three files in dist/:

File	Format	Usage
nouislider-vue3.mjs	ES Module	Modern bundlers (Vite, Webpack 5+)
nouislider-vue3.umd.js	UMD	Universal compatibility, CDN
nouislider-vue3.css	CSS	Component styles + noUiSlider

The 'nouislider-vue3/css' import loads the required styles, including noUiSlider's base styles.