0.3.18 • Published 3 years ago
vue-carousel-diagonal v0.3.18
vue-carousel-diagonal
Installation
npm install vue-carousel-diagonal
or if you prefer yarn
yarn add vue-carousel
Usage
Global
You may install Vue Carousel Diagonal globally:
import Vue from 'vue';
import VueCarouselDiagonal from 'vue-carousel-diagonal';
Vue.use(VueCarouselDiagonal);
Local
Include the carousel directly into your component using import:
import { CarouselDiagonal } from 'vue-carousel-diagonal';
export default {
...
components: {
CarouselDiagonal
}
...
};
Example
<template>
<div id="app">
<CarouselDiagonal :screens="screens"
:sideWidth="5"
:textPrev="'PREV'"
style="width: 100vw; height: 100vh;"/>
</div>
</template>
<script>
import CarouselDiagonal from 'vue-carousel-diagonal';
export default {
name: 'App',
components: {
CarouselDiagonal
},
data: function() {
return {
screens: [
{ title: 'OLED', subtitle: 'Transparent', video: require('./assets/1.mp4') },
{ title: 'OLED', subtitle: 'Cinematic Sound', video: require('./assets/2.mp4') },
{ title: 'OLED', subtitle: 'Rollable', video: require('./assets/3.mp4') },
{ title: 'OLED', subtitle: 'Wallpaper', video: require('./assets/4.mp4') },
],
}
},
}
</script>
Demo
0.3.18
3 years ago
0.3.17
3 years ago
0.3.16
3 years ago
0.3.15
3 years ago
0.3.13
3 years ago
0.3.12
3 years ago
0.3.11
3 years ago
0.3.10
3 years ago
0.3.9
3 years ago
0.3.8
3 years ago
0.3.7
3 years ago
0.3.6
3 years ago
0.3.5
3 years ago
0.3.2
3 years ago
0.3.1
3 years ago
0.3.4
3 years ago
0.3.3
3 years ago
0.2.9
3 years ago
0.2.7
3 years ago
0.2.8
3 years ago
0.2.6
3 years ago
0.2.3
3 years ago
0.2.2
3 years ago
0.2.5
3 years ago
0.2.4
3 years ago
0.2.1
3 years ago
0.1.9
3 years ago
0.1.8
3 years ago
0.1.7
3 years ago
0.1.6
3 years ago
0.1.4
3 years ago
0.1.5
3 years ago
0.1.3
3 years ago
0.1.2
3 years ago
0.1.1
3 years ago
0.0.9
4 years ago
0.0.8
4 years ago
0.0.7
4 years ago
0.0.6
4 years ago
0.0.5
4 years ago
0.0.4
4 years ago
0.0.3
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago