Carousel

# Basics

To create image carousel, use themoonshine::carousel component.

<x-moonshine::carousel
    :items="['/images/image_1.jpg', '/images/image_2.jpg']"
    :alt="fake()->sentence(3)"
>
</x-moonshine::carousel>

<x-moonshine::carousel
    :items="['/images/image_1.jpg', '/images/image_2.jpg']"
    :alt="fake()->sentence(3)"
>
</x-moonshine::carousel>

/ 2

# Portrait orientation

To use a carousel with vertical images, pass the parameter :portrait="true".

<x-moonshine::carousel
    :items="['/images/image_portrait_1.jpg', '/images/image_portrait_2.jpg']"
    :alt="fake()->sentence(3)"
    :portrait="true"
>
</x-moonshine::carousel>

<x-moonshine::carousel
    :items="['/images/image_portrait_1.jpg', '/images/image_portrait_2.jpg']"
    :alt="fake()->sentence(3)"
    :portrait="true"
>
</x-moonshine::carousel>

/ 2