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

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

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

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

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

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

В компоненте logo сделайте дополнительный слот, в который будет передаваться атрибут alt картинки.

В компоненте logo сделайте еще один дополнительный слот, в который будет передаваться атрибут title картинки.