Decoration Heading

# Make

Декоратор Heading позволяет добавлять заголовки для контента.

Создать Heading можно воспользовавшись статическим методом make(), которому необходимо передать текст заголовка. 

use MoonShine\Decorations\Heading; 
use MoonShine\Fields\Text;
 
//...
 
public function components(): array
{
    return [
        Heading::make('Title/Slug'), 
        Text::make('Title'),
        Text::make('Slug'),
    ];
}
 
//...

# Заголовок 

h(int $gradation = 3, $asClass = true)

Метод позволяет обернуть контент в тег h1 — h6.
Первый параметр определяем градацию тега, второй определяет, использовать тег или класс. 

use MoonShine\Decorations\Heading; 
    use MoonShine\Fields\Text;
 
    //...
 
    public function components(): array
    {
        return [
            // Будут теги h1 - h4 
            Heading::make('Dashboard')->h(1, false), 
            Heading::make('MoonShine')->h(2, false), 
            Heading::make('Demo version')->h(asClass: false), 
            Heading::make('Heading')->h(4, false), 
 
            // Будут div.h1 - div.h4 
            Heading::make('Dashboard')->h(1), 
            Heading::make('MoonShine')->h(2), 
            Heading::make('Demo version')->h(), // h3 
            Heading::make('Heading')->h(4), 
        ];
    }
 
    //...

# Тэг 

tag(string $tag)

Метод позволяет обернуть контент в указанный тег. 

use MoonShine\Decorations\Heading; 
    use MoonShine\Fields\Text;
 
    //...
 
    public function components(): array
    {
        return [
            // Будут p.h1 - p.h4 
            Heading::make('Dashboard')->tag('p')->h(1), 
            Heading::make('MoonShine')->tag('p')->h(2), 
            Heading::make('Demo version')->tag('p')->h(), 
            Heading::make('Heading')->tag('p')->h(4), 
        ];
    }
 
    //...
Компоненты
FlexibleRender
Компоненты
Layout