Installation

via npm

npm install v-carousel

via cdn

<script src="https://cdn.jsdelivr.net/gh/webcodebg/vue-skeleton-loader/dist/vcarousel.min.js"></script>

clone repo

git clone https://github.com/webcodebg/vcarousel.git

Usage

Importing the repo

Global usage

importvCarouselfrom'v-carousel'importVuefrom'vue'Vue.use(vCarousel)

Local usage

import{vCarousel}from'v-carousel'exportdefault{components: {
vCarousel
}}

Props / options

Examples

<v-carouselv-model="currentSlide" :pagination="true" :controls="true" :autoplay="true" interval="3000"><!-- You can place your own image tag inside v-carousel-slide --><!-- If you use image property it will automatically make image responsive --><v-carousel-slidev-for="slide in [1, 2, 3, 4, 5]" image="https://www.gettyimages.pt/gi-resources/images/Homepage/Hero/PT/PT_hero_42_153645159.jpg"><!-- Create custom layout in the slide --><divclass="title">Sea image # {{ slide }}</div></v-carousel-slide></v-carousel>

Issues and contributions

If you want to report issue/improvements create issue here

For contributions read the guidelines in CONTRIBUTING.md here

Licence

MIT License

Copyright (c) 2019 Webcode