Fields

Image

Inherits from File.

* has the same capabilities

The Image field is an extension of File that allows previewing uploaded images.

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

If you need to customize a modal window with an image in "preview" mode, then you can use the extraAttributes() method.

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 size of the modal window,
  • auto - The window size will adjust to the size of the content,
  • styles - Additional styles for the image in the modal window.