Поля

Image

Наследует File.

* имеет те же возможности

Поле Image является расширением File, которое позволяет отображать превью загруженных изображений.

use MoonShine\UI\Fields\Image;
 
Image::make('Thumbnail')
use MoonShine\UI\Fields\Image;
 
Image::make('Thumbnail')
<x-moonshine::form.file
    :imageable="true"
    name="thumbnail"
/>
<x-moonshine::form.file
    :imageable="true"
    name="thumbnail"
/>

image image dark

Если вам необходимо кастомизировать модальное окно с изображением в режиме "preview", то вы можете воспользоваться методом extraAttributes().

Image::make('avatar')
    ->extraAttributes(
        fn(string $filename, int $index): ?FileItemExtra => new FileItemExtra(wide: false, auto: true, styles: 'width: 250px;')
    )
Image::make('avatar')
    ->extraAttributes(
        fn(string $filename, int $index): ?FileItemExtra => new FileItemExtra(wide: false, auto: true, styles: 'width: 250px;')
    )
  • wide - XL размер модального окна,
  • auto - Размер окна будет подстраиваться под размер контента,
  • styles - Дополнительные стили для изображения в модальном окне.