https://github.com/prabhuignoto/v-slide
Simple carousel built with Vue.js
https://github.com/prabhuignoto/v-slide
carousel carousel-component v-slide vue vue-carousel vuejs vuejs-plugin
Last synced: 10 months ago
JSON representation
Simple carousel built with Vue.js
- Host: GitHub
- URL: https://github.com/prabhuignoto/v-slide
- Owner: prabhuignoto
- License: mit
- Created: 2020-01-06T03:37:24.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-11T19:26:43.000Z (over 3 years ago)
- Last Synced: 2025-04-03T22:04:40.509Z (about 1 year ago)
- Topics: carousel, carousel-component, v-slide, vue, vue-carousel, vuejs, vuejs-plugin
- Language: Vue
- Homepage: https://v-slide.netlify.com
- Size: 119 MB
- Stars: 7
- Watchers: 2
- Forks: 0
- Open Issues: 29
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Welcome to v-slide 👋
> A simple Carousel for Vue
## ✨[Demo](http://v-slide.netlify.com)
## Install
```sh
yarn install
```
## Features
### Smart rendering
Wrap your elements with v-slide and you are good to go. v-slide slices out the HTML content and make sure they go in separate slides.
### Autoplay
V-Slide can be set to run in Autoplay mode by setting the autoplay prop.
### Previews
The previews allow you to quickly take a peek on all the slides. V-Slide is smart enough to render mixed contents. for e.g you can mix images and plain text content.
### Touch Enabled
V-Slide comes with touch support.
## Options
| Option | Description | Default |
|----------------|-------------------------------------------------------------------------|---------|
| autoplay | Enables the slideshow mode | false |
| slideShowSpeed | This setting control the slide show speed (in seconds) | |
| preview | Enables the Preview pane | false |
| isCircular | This setting enables the carousel to loop back when it reaches the end. | false |
| touchEnabled | Enables touch support | false |
## Author
👤 **Prabhu Murthy**
* Website: [prabhumurthy.com](http://prabhumurthy.netlify.com)
* Twitter: [@prabhumurthy](https://twitter.com/prabhumurthy)
* Github: [@prabhuignoto](https://github.com/prabhuignoto)
## Show your support
Give a ⭐️ if this project helped you!.