Tailwind CSS Carousel - Taco Tall Stack

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.

Code

Below you can find the code for the Carousel component.

<x-carousel :data="$data"></x-carousel>

Below you can find a sample code for the $data array.

public $data = [
    ['id'=> 1, 'src'=>'https://picsum.photos/300/300?random=1'],
    ['id'=> 2, 'src'=>'https://picsum.photos/300/300?random=2'],
    ['id'=> 3, 'src'=>'https://picsum.photos/300/300?random=3'],
    ['id'=> 4, 'src'=>'https://picsum.photos/300/300?random=4'],
    ['id'=> 5, 'src'=>'https://picsum.photos/300/300?random=5'],
];