Tailwind CSS Carousel - Taco Svelte

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" 
colorActive="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" 
colorActive="blue"
size="sm"
/>
<Carousel 
images="imagesArray"
color="gray" 
colorActive="blue"
size="md"
/>
<Carousel 
images="imagesArray"
color="gray" 
colorActive="blue"
size="lg"
/>
                

Custom Carousel

← →

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