Компоненты

Head

Основы

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

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

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

make(array|iterable $components = [])
  • $components - массив компонентов.
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>

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

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

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

title(string $title);
Head::make([
    // ...
])
    ->title('Page Title');
<x-moonshine::layout.head title='Page Title'>
    // ...
</x-moonshine::layout.head>

Цвет темы

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

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

bodyColor(string $color);
Head::make([
    // ...
])
    ->bodyColor('#7843e9')
<x-moonshine::layout.head bodyColor='#7843e9'>
    // ...
</x-moonshine::layout.head>