vue-stacked-carousel
css customizable stacked carousel, Live Demo
Installation
# install dependencies
npm install vue2-touch --save
npm install vue-stacked-carousel --save
Basic Usage
Use Vue2Touch
Vue
; components: VueStackedCarousel ;
{{item.title}} {{item.description}} item - {{index}} arrow arrow
{ return vueStackedCarouselItems: title: 'A' description: 'Something else here' title: 'B' description: 'Something else here' title: 'C' description: 'Something else here' title: 'D' description: 'Something else here' title: 'E' description: 'Something else here' ;}
<</
Props
Prop | Data Type | Required | Description |
---|---|---|---|
items |
Array | true | Your array with data |
itemDepthRatio |
Number | Depth in pixels from each item default (120px) | |
itemDistance |
Number | Distance in pixels between each item default (60px) | |
transitionDuration |
Number | Duration of animation between items (0.3 default) | |
transitionWait |
Boolean | Default is (true), if set to false, it will not wait the transition to end on arrow click | |
transitionTimingFunction |
String | default (ease-in-out) | |
arrowLeftClass |
String | default (arrow-left) | |
arrowRightClass |
String | default (arrow-right) |
Author
© [Georgi Antonov]