1.0.19 • Published 2 years ago
vue-coerousel v1.0.19
Install
yarn add vue-coerousel
Use
<template>
<coerousel :per-page="2" :breakpoints="breakpoints" :is-loopable="false">
<coerousel-item v-for="(option, index) in options" :key="index">
<div class="ball" :style="{ backgroundColor: option.color }" />
</coerousel-item>
</coerousel>
</template>
<script>
import Coerousel from 'vue-coerousel'
export default {
components: { Coerousel },
data () {
return {
options: [
{ color: 'blue' },
{ color: 'yellow' },
{ color: 'red' },
{ color: 'black' },
{ color: 'pink' },
{ color: 'turquoise' },
{ color: 'magenta' },
{ color: 'white' },
{ color: 'orange' },
{ color: 'green' },
{ color: 'purple' },
{ color: 'cyan' },
{ color: 'lime' },
{ color: 'lightblue' }
],
breakpoints: {
1024: { perPage: 4 },
768: { perPage: 3 },
640: { perPage: 2 },
320: { perPage: 1 }
}
}
}
</script>
Props
Name | type | required | default |
---|---|---|---|
pagination | Boolean | false | true |
perPage | (String, Number) | false | 1 |
isDraggable | Boolean | false | true |
isLoopable | Boolean | false | false |
perPage | (String, Number) | false | 1000 |
breakpoints | Object | false | {} |
Contribution
@convenia team
1.0.19
2 years ago
1.0.18
2 years ago
1.0.17
2 years ago
1.0.2
2 years ago
1.0.16
2 years ago
1.0.9
2 years ago
1.0.8
2 years ago
1.0.7
2 years ago
1.0.6
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.11
2 years ago
1.0.10
2 years ago
1.0.15
2 years ago
1.0.14
2 years ago
1.0.13
2 years ago
1.0.12
2 years ago
1.0.1
3 years ago
1.0.0
3 years ago
0.1.0
5 years ago