This content originally appeared on DEV Community and was authored by Suresh Ramani
New in Laravel 8.51: @class Blade directive to add true/false conditions on whether some CSS class should be added.
The @class directive conditionally compiles a CSS class string. The directive accepts an array of classes where the array key contains the class or classes you wish to add, while the value is a boolean expression. If the array element has a numeric key, it will always be included in the rendered class list:
@php
$hasError = true;
@endphp
<span @class([
'p-4',
'bg-red' => $hasError,
])></span>
Thank you for reading this blog.
This content originally appeared on DEV Community and was authored by Suresh Ramani
Suresh Ramani | Sciencx (2021-07-28T21:49:03+00:00) Conditional Classes Blade Directives in Laravel. Retrieved from https://www.scien.cx/2021/07/28/conditional-classes-blade-directives-in-laravel/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.