
npm install vue-multi-sliderSlider library for VUE/NUXT projects with specified number of images per slide
Simply use
``bash`
npm i vue-multi-slider@latest
and then You can import it in a specific location or in your main.ts/js file
Component import
`vue
`
Main import
`bash
import ImageCarousel from 'vue-multi-slider'
import "vue-multi-slider/style.css"
import { createApp } from 'vue'
import App from "./App.vue"
createApp(App).use(ImageCarousel).mount('#app')
`
| Parameter | Type | Default | Description |
| --- | :---: | :---: | --- |
| data | array | [{}] | Array of objects. Should contain image key for images | 0
| size | number | | Numbers of slides to show | false
| overflow | boolean | | Enable overflow (best with screen size slider) |0
| padding | number | | Specifies X axis padding for component (in rem) |3
| buttonWidth | number | | Specifies width of buttons (in rem) |0
| buttonPadding | number | | Specifies left and right position for buttons (in rem) |false
| buttonVisible | boolean | | Enable visibility for buttons. By standard its showing only when hovered (except mobile) |false
| emitImage | boolean | | Enable emitting element with its position on image hover |550
| emitImageDealy | number | | Set up time after emit should occur (needs emitImage to be true) |0
| sm | number | | Specifies amount of slides for screens between 640px and 768px (DISABLED by default) |0
| md | number | | Specifies amount of slides for screens between 768px and 1024px (DISABLED by default) |0
| lg | number | | Specifies amount of slides for screens between 1024px and 1280px (DISABLED by default) |0
| xl | number | | Specifies amount of slides for screens between 1280px and 1536px (DISABLED by default) |0
| xxl | number | | Specifies amount of slides for screens above 1536px (DISABLED by default)` |