Check if $slot is empty in laravel blade component

Question

I have a component that outputs the $slot. But I want to do something like:

Component

<x-alert></x-alert>

<div>
@if ($slot)
    {{ $slot }}
@else
    No available content
@endif
</div>

Poland

what is the problem with this code exactly ? – Crackbrained

It always runs the if condition rather than the else one, even when I don't add any items to it. – Poland

what is the type of the variable $slot ? is it an array ? – Crackbrained

Not suer, it's basically any content that I type between the opening and closing tags of the component. – Poland

Answer 1

$slot is an instance of the Illuminate\Support\HtmlString class. So you can use the isNotEmpty method:

<div>
@if ($slot->isNotEmpty())
    {{ $slot }}
@else
    No available content
@endif
</div>

Audrieaudris

Answer 2

the variable $slot in laravel components is prepared as Object of type Illuminate\Support\HtmlString
so it need to be checked like this :

<div>
@if(strlen($slot->toHtml()) != 0)
    {{$slot}}
@else
    slot is empty
@endif

Crackbrained

Answer 3

Try this :

<div>
@if (isset($slot) && $slot != null )
    {{ $slot }}
@else
    No available content
@endif
</div>

Reason