Carousel component for Vue.js

by Vue.js Examples

vue-carousel

Carousel component for Vue.js.

View Demo Download Source

Main

dist/
├── vue-carousel.js        (UMD)
├── vue-carousel.min.js    (UMD, compressed)
├── vue-carousel.common.js (CommonJS, default)
└── vue-carousel.esm.js    (ES Module)

Getting started

Installation

npm install @chenfengyuan/vue-carousel vue vue-template-compiler

In browser:

<script src="/path/to/vue.js"></script>
<script src="/path/to/vue-carousel.js"></script>

Usage

import Vue from 'vue';
import VueCarousel from '@chenfengyuan/vue-carousel';

Vue.component(VueCarousel.name, VueCarousel);

<carousel :data="['Slide 1', 'Slide 2', 'Slide 3']"></carousel>

In browser:

<script>Vue.component(VueCarousel.name, VueCarousel);</script>

Browser support

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Opera (latest)
  • Edge (latest)
  • Internet Explorer 9+

GitHub