Tailwind CSS Carousel - Taco Vue

The carousel is a slideshow component for cycling through a series of content, usually images. Carousels are very popular components, and they are the first thing a visitor notices on the website. Below we are presenting dynamic examples of the Card component that you can use in your Taco project. 

<Carousel 
    :images="imagesArray"
    color="gray" 
    color-active="blue"
    size="md"
/>

Carousel Sizes

The Carousel component comes with 3 different sizes that you can change using the size prop. 

<Carousel 
    :images="imagesArray"
    color="gray" 
    color-active="blue"
    size="sm"
/>
<Carousel 
    :images="imagesArray"
    color="gray" 
    color-active="blue"
    size="md"
/>
<Carousel 
    :images="imagesArray"
    color="gray" 
    color-active="blue"
    size="lg"
/>

Custom Carousel 

<Carousel 
    :images="imagesArray"
    color="blue-gray" 
    color-active="indigo"
    size="md"
/>