Стили по запросу в Filament
Давайте отдадим стили по запросу. Общий CSS не должен тянуться на каждый экран /admin, если блок пакета виден только на главной.
При регистрации
в packageBooted
вызовем
loadedOnRequest
у объекта Css:
<?php
FilamentAsset::register([
Css::make(
'greeting-styles',
__DIR__ . '/../resources/css/greeting.css',
)->loadedOnRequest(),
], static::$name);
?>
В шаблоне виджета
на контейнер
повесим x-load-css
и адрес файла
через FilamentAsset::getStyleHref:
<div
class="greeting-box"
x-data
x-load-css="[@js(\Filament\Support\Facades\FilamentAsset::getStyleHref('greeting-styles', package: 'greeting'))]"
>
Hello
</div>
Подключите стили только на том экране, где виден блок пакета.
