Компоненты

Основы
Заголовок страницы
Цвет темы

Основы

Используется для создания шаблонов в MoonShine.

Компонент Head предназначен для размещения информации о документе: метаданные (например, заголовок окна или кодировка), ссылки на скрипты и таблицы стилей.

Компонент Head содержит по умолчанию некоторые стандартные метаданные.

make(array|iterable $components = [])

make(array|iterable $components = [])make(array|iterable $components = [])

make(array|iterable $components = [])

$components - массив компонентов.

use MoonShine\UI\Components\Layout\Head;
 
Head::make([
    Meta::make('csrf-token')->customAttributes([
        'content' => 'token',
    ]),
]);
use MoonShine\UI\Components\Layout\Head;Head::make([    Meta::make('csrf-token')->customAttributes([        'content' => 'token',    ]),]);use MoonShine\UI\Components\Layout\Head;
 
Head::make([
    Meta::make('csrf-token')->customAttributes([
        'content' => 'token',
    ]),
]);
use MoonShine\UI\Components\Layout\Head;Head::make([    Meta::make('csrf-token')->customAttributes([        'content' => 'token',    ]),]);

<x-moonshine::layout.head>
    <meta name="csrf-token" content="token" />
</x-moonshine::layout.head>
<x-moonshine::layout.head>    <meta name="csrf-token" content="token" /></x-moonshine::layout.head><x-moonshine::layout.head>
    <meta name="csrf-token" content="token" />
</x-moonshine::layout.head>
<x-moonshine::layout.head>    <meta name="csrf-token" content="token" /></x-moonshine::layout.head>

Родительский компонент: Html.
Дочерние компоненты: Meta, Assets, Favicon.

Заголовок страницы

Для установки заголовка страницы можно воспользоваться методом title() или указать соответствующий параметр в Blade компоненте.

title(string $title);
title(string $title);title(string $title);
title(string $title);

Head::make([
    // ...
])
    ->title('Page Title');
Head::make([    // ...])    ->title('Page Title');Head::make([
    // ...
])
    ->title('Page Title');
Head::make([    // ...])    ->title('Page Title');

<x-moonshine::layout.head title='Page Title'>
    // ...
</x-moonshine::layout.head>
<x-moonshine::layout.head title='Page Title'>    // ...</x-moonshine::layout.head><x-moonshine::layout.head title='Page Title'>
    // ...
</x-moonshine::layout.head>
<x-moonshine::layout.head title='Page Title'>    // ...</x-moonshine::layout.head>

Цвет темы

Некоторые браузеры позволяют предложить цвет темы, основанный на палитре вашего сайта. При этом интерфейс браузера адаптируется к предложенному цвету.

Для добавления цвета необходимо воспользоваться методом bodyColor() или указать соответствующий параметр в Blade компоненте.

bodyColor(string $color);
bodyColor(string $color);bodyColor(string $color);
bodyColor(string $color);

Head::make([
    // ...
])
    ->bodyColor('#7843e9')
Head::make([    // ...])    ->bodyColor('#7843e9')Head::make([
    // ...
])
    ->bodyColor('#7843e9')
Head::make([    // ...])    ->bodyColor('#7843e9')

<x-moonshine::layout.head bodyColor='#7843e9'>
    // ...
</x-moonshine::layout.head>
<x-moonshine::layout.head bodyColor='#7843e9'>    // ...</x-moonshine::layout.head><x-moonshine::layout.head bodyColor='#7843e9'>
    // ...
</x-moonshine::layout.head>
<x-moonshine::layout.head bodyColor='#7843e9'>    // ...</x-moonshine::layout.head>