# Дополнительные слоты компонентов в 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>`

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

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

←→
↑