UI components

Thumbnail

-Basics -Group of images

Basics

To create thumbnails, you can use the moonshine::thumbnails component.

<x-moonshine::thumbnails value="/images/thumb_1.jpg"/>
<x-moonshine::thumbnails value="/images/thumb_1.jpg"/>

You can also specify the alt attribute.

<x-moonshine::thumbnails value="/images/thumb_1.jpg" alt="Description"/>
<x-moonshine::thumbnails value="/images/thumb_1.jpg" alt="Description"/>

Group of images

You can pass an array of images to the component.

<x-moonshine::thumbnails :values="[
    '/images/thumb_1.jpg',
    '/images/thumb_2.jpg',
    '/images/thumb_3.jpg'
]"/>
<x-moonshine::thumbnails :values="[
    '/images/thumb_1.jpg',
    '/images/thumb_2.jpg',
    '/images/thumb_3.jpg'
]"/>