Laravel - Views and Blade Templates
How can you conditionally add a CSS class in Blade based on a variable
$isActive being true?How can you conditionally add a CSS class in Blade based on a variable $isActive being true?
hard📝 Application Q9 of 15
Step-by-Step Solution
Solution:
Step 1: Recall Blade's @class directive for conditional classes
@class accepts an array with class names as keys and conditions as values.Step 2: Use @class to add 'active' only if $isActive is true
@class(['active' => $isActive]) adds 'active' class conditionally.Final Answer:
<div class="@class(['active' => $isActive])"> -> Option BQuick Check:
Use @class for clean conditional CSS classes [OK]
Quick Trick: Use @class(['class' => condition]) for conditional CSS [OK]
Common Mistakes:
- Using ternary inside class attribute incorrectly
- Trying to add class with @if inside attribute
- Using invalid HTML attributes like if="$isActive"
Master "Views and Blade Templates" in Laravel
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Laravel Quizzes