Carousel

• Basics
• Portrait orientation

Basics

To create image carousel, use the moonshine::carousel component.

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

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>