UI компоненты

Миниатюра

-Основы -Группа изображений

Основы

Для создания миниатюр можно использовать компонент moonshine::thumbnails.

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

Вы также можете указать атрибут alt.

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

Группа изображений

Вы можете передать компоненту массив изображений.

<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'
]"/>