Системный компонент Layout

# Make

Системный компонент Layout служит основой для построения любой страницы в MoonShine.
Он включает в себя тег body и основные элементы разметки, а также необходимые классы и скрипты.

Создать Layout можно воспользовавшись статическим методом make() класса LayoutBuilder.

make(array $components = [])

make(array $components = [])

use MoonShine\Components\LayoutBuilder
use MoonShine\Contracts\MoonShineLayoutContract;
 
final class MoonShineLayout implements MoonShineLayoutContract
{
    public static function build(): LayoutBuilder
    {
        return LayoutBuilder::make([ 
            // ...
        ]); 
    }
}

use MoonShine\Components\LayoutBuilder
use MoonShine\Contracts\MoonShineLayoutContract;

final class MoonShineLayout implements MoonShineLayoutContract
{
    public static function build(): LayoutBuilder
    {
        return LayoutBuilder::make([
            // ...
        ]);
    }
}

# Blade

Компонент можно использовать в html разметке:

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}"
      x-data
      :class="$store.darkMode.on && 'dark'"
>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
    <title>{{ config('app.name') }}</title>
 
    @moonShineAssets
</head>
<x-moonshine::layout> 
    //...
</x-moonshine::layout> 
</html>

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}"
      x-data
      :class="$store.darkMode.on && 'dark'"
>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>{{ config('app.name') }}</title>

    @moonShineAssets
</head>
<x-moonshine::layout>
    //...
</x-moonshine::layout>
</html>