1.0.4 • Published 5 years ago
slider-q v1.0.4
SliderQ
Vue.js responsive carousel component
Getting started
Installation
- Install:
npm install slider-q
- Add to project globally (main.js):
import SliderQ from 'slider-q'
Vue.use(SliderQ)
Add locally to the component:
import { SliderQ, Slide } from 'slider-q'
export default {
components: {
SliderQ,
Slide
}
}
Use SliderQ
<template>
<SliderQ>
<slide>
slide 1
</slide>
<slide>
slide 2
</slide>
...
</SliderQ>
</template>
Available Props
Prop | Default | Description |
---|---|---|
minNumSlides | 1 | count of items to be in viewpoint when window is small |
maxNumSlides | 4 | count of items to be in viewpoint when window is hide |
minSizeOfSlide | 150 | px |
isCentered | false | center items if actual count is less then maximum |