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

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

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

<x-alert>
<x-slot:type>
error
</x-slot>

text text text
</x-alert>
Текст этого слота попадет в переменную $type. Выведем этот текст в представлении компонента:

<div class="alert alert-{{ $type }}">
{{ $slot }}
</div>