Дополнительные слоты компонентов

В компоненте кроме основного слота, попадающего в переменную $slot, можно задавать еще и дополнительные слоты, попадающие в свои переменные.

Это делается с помощью тега <x-slot>, в котором после двоеточия указывается имя слота. Давайте для примера слелаем слот с именем type:

resources/views/components/layout.blade.php<x-alert>
<x-slot:type>
error
</x-slot>
    
text text text
</x-alert>

Текст этого слота попадет в переменную $type, в $slot попадет информация из основного слота. Выведем этот текст в представлении компонента:

resources/views/components/alert.blade.php<div class="alert alert-{{ $type }}">
{{ $slot }}
</div>