Como usar @class blade diretiva em laravel 9

Neste tutorial, aprenderemos a usar a diretiva blade @class no Laravel 9 para compilar condicionalmente uma string de classe CSS. Essa diretiva aceita um array de classes, permitindo-nos exibir a cor do estilo com base nos valores true e false.

Podemos usar a diretiva blade @if @endif para mostrar o usuário ativo em verde e o usuário inativo em vermelho.

@php
    $active = true;

    $in_active = false;
@endphp

@if ($active)
    <span class="p-2 text-green-500 rounded">user</span>
@else
    <span class="p-2 text-red-500 rounded">user</span>
@endif

Use a diretiva blade @class para mostrar o usuário ativo em verde e o usuário inativo em vermelho.

<span @class([
    'p-2', 
    'text-green-500'=> $active,
    'bg-red-500' => $in_active,
    ])>user
</span>

Espero que este tutorial seja útil para você.