0.2.2 • Published 9 months ago
vue-multi-slider v0.2.2
Preview
Vue 3 Multi Slider
Slider library for VUE/NUXT
projects with specified number of images per slide
Demo
Installation
Simply use
npm i vue-multi-slider@latest
and then You can import it in a specific location or in your main.ts/js file
<script setup>
import {ImageCarousel} from 'vue-multi-slider'
import "vue-multi-slider/style.css"
</script>
<template>
<ImageCarousel />
</template>
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')
Props
Parameter | Type | Default | Description |
---|---|---|---|
data | array | [{}] | Array of objects. Should contain image key for images |
size | number | 0 | Numbers of slides to show |
overflow | boolean | false | Enable overflow (best with screen size slider) |
padding | number | 0 | Specifies X axis padding for component (in rem) |
buttonWidth | number | 3 | Specifies width of buttons (in rem) |
buttonPadding | number | 0 | Specifies left and right position for buttons (in rem) |
buttonVisible | boolean | false | Enable visibility for buttons. By standard its showing only when hovered (except mobile) |
emitImage | boolean | false | Enable emitting element with its position on image hover |
emitImageDealy | number | 550 | Set up time after emit should occur (needs emitImage to be true ) |
sm | number | 0 | Specifies amount of slides for screens between 640px and 768px (DISABLED by default) |
md | number | 0 | Specifies amount of slides for screens between 768px and 1024px (DISABLED by default) |
lg | number | 0 | Specifies amount of slides for screens between 1024px and 1280px (DISABLED by default) |
xl | number | 0 | Specifies amount of slides for screens between 1280px and 1536px (DISABLED by default) |
xxl | number | 0 | Specifies amount of slides for screens above 1536px (DISABLED by default) |
0.2.2
9 months ago
0.2.1
9 months ago
0.2.0
9 months ago
0.1.9
9 months ago
0.1.8
9 months ago
0.1.7
9 months ago
0.1.6
9 months ago
0.1.5
9 months ago
0.1.4
9 months ago
0.1.3
10 months ago
0.1.2
10 months ago
0.1.1
10 months ago
0.1.0
10 months ago
0.0.9
10 months ago
0.0.8
10 months ago
0.0.7
10 months ago
0.0.6
10 months ago
0.0.5
10 months ago
0.0.3
10 months ago
0.0.2
10 months ago
0.0.1
10 months ago