yfs-vue-slider v0.1.7

YFS VueJS slider

This project is in active development and will experience breaking changes in the near future. DO NOT USE IN PRODUCTION.

An extremely lightweight carousel. Does not have many features at all. If you want features I'd recommend checking out Slick or Swiper. The VueJS wrapper for Slick obviously still includes jQuery as it's a core dependency of Slick. I have no problem with jQuery but this was built for a particular project that needed to save space as much as possible.

If you find something popular and more battle-tested I would use that as this will enjoy only sporadic maintenance.

If you'd like to reduce the size down further then feel free to submit a PR and maybe start by removing the dependency on Anime.js.

Your favourite story

Anime.js

Installation

yarn add yfs-vue-carousel

import carousel from "yfs-vue-carousel";

Available options:

Example option usage

<carousel
	:arrows="true"
	:infinite="false"
>
</carousel>

Styling

Currently your best bet for overriding styles is to have a global style with a parent selector:

#app .carousel {
	background-color: green;
}

Currently unsupported

• Gestures (swiping)
• Pause on hover
• Vertical carousel style
• Custom transitions
• Initial slide selection
• Number of slides shown
• Number of slides to scroll

Priority list

• Fix asynchronous tests
• Gestures (swiping)
• Custom transitions
• Number of slides shown
• Number of slides to scroll