Поля

Preview

Основы

Содержит все Базовые методы.

С помощью поля Preview вы можете отображать текстовые данные из любого поля в модели или генерировать любой контент.

Поле НЕ предназначено для ввода/изменения данных!

use MoonShine\UI\Fields\Preview;
 
Preview::make(
    'Preview',
    'preview',
    static fn() => fake()->realText()
)

preview preview_dark

Виды отображений

Бейдж

Метод badge() позволяет отображать поле в виде значка, например, для отображения статуса заказа. Метод принимает параметр в виде строки или замыкания с цветом значка.

badge(string|Closure|null $color = null)

Доступные цвета:

primary secondary success warning error info

purple pink blue green yellow red gray

use MoonShine\UI\Fields\Preview;
 
Preview::make('Status')
    ->badge(fn($status, Field $field) => $status === 1 ? 'green' : 'gray')

Метка

Метод boolean() позволяет отображать поле в виде метки (зеленой или красной) для булевых значений.

boolean(
    mixed $hideTrue = null,
    mixed $hideFalse = null
)

Параметры hideTrue и hideFalse позволяют скрыть метку для значений.

use MoonShine\UI\Fields\Preview;
 
Preview::make('Active')
    ->boolean(hideTrue: false, hideFalse: false)

Метод link() позволяет отображать поле в виде ссылки.

link(
    string|Closure $link,
    string|Closure $name = '',
    ?string $icon = null,
    bool $withoutIcon = false,
    bool $blank = false,
)
  • $link - URL ссылки,
  • $name - текст ссылки,
  • $icon - название иконки,
  • $withoutIcon - не отображать иконку ссылки,
  • $blank - открыть ссылку в новой вкладке.

Для более подробной информации обратитесь к разделу Иконки.

use MoonShine\UI\Fields\Preview;
 
Preview::make('Link')
    ->link('https://moonshine-laravel.com', blank: false),
 
Preview::make('Link')
    ->link(fn($link, Field $field) => $link, fn($name, Field $field) => 'Go')

preview_all preview_all_dark

Изображение

Метод image() позволяет преобразовать URL в миниатюру с изображением.

use MoonShine\UI\Fields\Preview;
 
Preview::make('Thumb')
    ->image()

preview_image preview_image_dark