Components

Decoration Heading

-Make -Gradation -Tag

Make

The Heading decorator allows you to add headings to the content.

You can create a Heading by using the static method make() by passing the text heading to it.

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

has_many has_many

Gradation

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

The method allows you to wrap content in a tag h1 - h6. The first parameter determines the gradation of the tag, the second determines whether to use a tag or a class.

use MoonShine\Decorations\Heading;
use MoonShine\Fields\Text;
 
//...
 
 
public function components(): array
{
    return [
        // There will be tags 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),
 
        // There will be 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),
    ];
}
 
//...
use MoonShine\Decorations\Heading;
use MoonShine\Fields\Text;
 
//...
 
 
public function components(): array
{
    return [
        // There will be tags 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),
 
        // There will be 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

tag(string $tag)
tag(string $tag)

The method allows you to wrap content in a specified tag.

use MoonShine\Decorations\Heading;
use MoonShine\Fields\Text;
 
//...
 
public function components(): array
{
    return [
        // There will be 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),
    ];
}
 
//...
use MoonShine\Decorations\Heading;
use MoonShine\Fields\Text;
 
//...
 
public function components(): array
{
    return [
        // There will be 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),
    ];
}
 
//...