1.0.2 • Published 10 months ago
vue-carousel-24 v1.0.2
Installation
npm i vue-carousel-24
- In the component first import the Carousel component and style.css.
- In the template place Carousel component.
- Pass options as props. Text property is optional.
- By default auto slide property is false. To activate it need to pass as true.
- Maximum number of slide option supported is five.
Example:
<script setup>
import { Carousel } from "vue-carousel-24";
import "vue-carousel-24/style.css"
const slides = [
{ url: '../imageFile', text: 'description text....' },
{ url: '../imageFile', text: 'description text.... },
{ url: '../imageFile', text: 'description text....' }
];
</script>
<template>
<Carousel
:slides="slides"
:autoSlide="true"
/>
</template>