Компоненты

Декоратор Collapse

Создание

Декоратор Collapse позволяет сворачивать содержимое блока, сохраняя его состояние.

make(Closure|string|array $labelOrFields = '', array $fields = [])
make(Closure|string|array $labelOrFields = '', array $fields = [])
use MoonShine\Decorations\Collapse;
use MoonShine\Fields\Text;
 
//...
 
public function components(): array
{
    return [
        Collapse::make('Заголовок/Слаг', [
            Text::make('Заголовок'),
            Text::make('Слаг')
        ])
    ];
}
 
//...
use MoonShine\Decorations\Collapse;
use MoonShine\Fields\Text;
 
//...
 
public function components(): array
{
    return [
        Collapse::make('Заголовок/Слаг', [
            Text::make('Заголовок'),
            Text::make('Слаг')
        ])
    ];
}
 
//...

Иконка

Метод icon() позволяет добавить иконку.

use MoonShine\Decorations\Collapse;
 
//...
 
public function components(): array
{
    return [
        Collapse::make('Collapse')
            ->icon('heroicons.outline.users')
    ];
}
 
//...
use MoonShine\Decorations\Collapse;
 
//...
 
public function components(): array
{
    return [
        Collapse::make('Collapse')
            ->icon('heroicons.outline.users')
    ];
}
 
//...

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

Отображение

По умолчанию декоратор Collapse отображается в свернутом виде. Метод show() позволяет переопределить это поведение.

show(bool $show = true)
show(bool $show = true)
use MoonShine\Decorations\Collapse;
use MoonShine\Fields\Text;
 
//...
 
public function components(): array
{
    return [
        Collapse::make('Заголовок/Слаг', [
            Text::make('Заголовок'),
            Text::make('Слаг')
        ])
            ->show()
    ];
}
 
//...
use MoonShine\Decorations\Collapse;
use MoonShine\Fields\Text;
 
//...
 
public function components(): array
{
    return [
        Collapse::make('Заголовок/Слаг', [
            Text::make('Заголовок'),
            Text::make('Слаг')
        ])
            ->show()
    ];
}
 
//...

Сохранение состояния

По умолчанию Collapse запоминает состояние, но бывают случаи, когда этого делать не стоит. Метод persist() позволяет переопределить это поведение.

persist(Closure|bool|null $condition = null)
persist(Closure|bool|null $condition = null)
use MoonShine\Decorations\Collapse;
use MoonShine\Fields\Text;
 
//...
 
public function components(): array
{
return [
    Collapse::make('Заголовок/Слаг', [
        Text::make('Заголовок'),
        Text::make('Слаг')
    ])
        ->persist(fn () => false)
    ];
}
 
//…
use MoonShine\Decorations\Collapse;
use MoonShine\Fields\Text;
 
//...
 
public function components(): array
{
return [
    Collapse::make('Заголовок/Слаг', [
        Text::make('Заголовок'),
        Text::make('Слаг')
    ])
        ->persist(fn () => false)
    ];
}
 
//…