Components

Thumbnails

To create thumbnails, you can use the Thumbnails component.

make(FileItem|string|array|null $items)
make(FileItem|string|array|null $items)
  • $items - thumbnail or a list of thumbnails.
use MoonShine\UI\Components\Thumbnails;
 
Thumbnails::make([
    '/images/image_1.jpg',
    '/images/image_2.jpg',
    '/images/image_3.jpg',
]),
use MoonShine\UI\Components\Thumbnails;
 
Thumbnails::make([
    '/images/image_1.jpg',
    '/images/image_2.jpg',
    '/images/image_3.jpg',
]),
<x-moonshine::thumbnails
    :items="[
        '/images/image_1.jpg',
        '/images/image_2.jpg',
        '/images/image_3.jpg',
    ]"
/>
<x-moonshine::thumbnails
    :items="[
        '/images/image_1.jpg',
        '/images/image_2.jpg',
        '/images/image_3.jpg',
    ]"
/>

You can specify one thumbnail.

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

You can also specify the alt attribute.

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