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

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

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

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

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

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