Vue 3 Carousel
Modern lightweight Vue 3 carousel component
Documentation
https://vue3-carousel.ismail9k.com/
Features
Nuxt Module
If you're using Nuxt and prefer to use it via module, please refer to vue3-carousel-nuxt
Getting started
Installation
First step is to install it using yarn
or npm
:
npm install vue3-carousel
yarn add vue3-carousel
Basic Using
<script setup>
// If you are using PurgeCSS, make sure to whitelist the carousel CSS classes
import 'vue3-carousel/dist/carousel.css'
import { Carousel, Slide, Pagination, Navigation } from 'vue3-carousel'
const config = {
itemsToShow: 1.5
}
</script>
<template>
<Carousel v-bind="config">
<Slide v-for="slide in 10" :key="slide">
{{ slide }}
</Slide>
<template #addons>
<Navigation />
<Pagination />
</template>
</Carousel>
</template>