0.2.2 • Published 9 months ago

vue-multi-slider v0.2.2

Weekly downloads
-
License
ISC
Repository
-
Last release
9 months ago

Preview

Image Preview

Vue 3 Multi Slider

Slider library for VUE/NUXT projects with specified number of images per slide

Demo

Live 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

ParameterTypeDefaultDescription
dataarray[{}]Array of objects. Should contain image key for images
sizenumber0Numbers of slides to show
overflowbooleanfalseEnable overflow (best with screen size slider)
paddingnumber0Specifies X axis padding for component (in rem)
buttonWidthnumber3Specifies width of buttons (in rem)
buttonPaddingnumber0Specifies left and right position for buttons (in rem)
buttonVisiblebooleanfalseEnable visibility for buttons. By standard its showing only when hovered (except mobile)
emitImagebooleanfalseEnable emitting element with its position on image hover
emitImageDealynumber550Set up time after emit should occur (needs emitImage to be true)
smnumber0Specifies amount of slides for screens between 640px and 768px (DISABLED by default)
mdnumber0Specifies amount of slides for screens between 768px and 1024px (DISABLED by default)
lgnumber0Specifies amount of slides for screens between 1024px and 1280px (DISABLED by default)
xlnumber0Specifies amount of slides for screens between 1280px and 1536px (DISABLED by default)
xxlnumber0Specifies 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