Blazor inline css rendering with condition

Question

Hi,

I'm new in using Blazor... I have a question, how to properly render an inline css with condition?

for example... <div class="@tutor .IsActive?d-none:d-block">

Is this possible in Blazor?

Thank you in advance!

Answer 1

<div class=@(bgColor?"mycss-blue":"mycss-red")>test color</div>  
      
    @code {  
        private bool bgColor = true;  
    }  

I did test like this and it worked for me.

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Best regards,
Tiny