DEV Community

Cover image for Laravel 8 - Blade directive to add true/false conditions
Sandro Jhuliano Cagara
Sandro Jhuliano Cagara

Posted on

Laravel 8 - Blade directive to add true/false conditions

@class Blade directive to add true/false conditions on whether some CSS class should be added.

Before:

<div class="@if ($active) underline @endif"> 
Enter fullscreen mode Exit fullscreen mode

Now:

<div @class(['underline' => $active])> <span @class([ 'p-4', 'font-bold' => $isActive, 'text-gray-500' => !$isActive, 'bg-red' => $hasError, ])></span> 
Enter fullscreen mode Exit fullscreen mode

Top comments (0)