Getting started
Installation
First step is to install it using yarn
or npm
:
bash
npm install vue3-carousel # or use yarn yarn add vue3-carousel
Basic Using
vue
<script setup> // If you are using PurgeCSS, make sure to whitelist the carousel CSS classes import 'vue3-carousel/carousel.css' import { Carousel, Slide, Pagination, Navigation } from 'vue3-carousel' const carouselConfig = { itemsToShow: 2.5, wrapAround: true } </script> <template> <Carousel v-bind="carouselConfig"> <Slide v-for="slide in 10" :key="slide"> <div class="carousel__item">{{ slide }}</div> </Slide> <template #addons> <Navigation /> <Pagination /> </template> </Carousel> </template>