Breaking News: Grepper is joining You.com. Read the official announcement!

Conditional Blazor Styles

DE8 answered on July 7, 2022 Popularity 7/10 Helpfulness 5/10

answer Conditional Blazor Styles

Conditional Blazor Styles

Comment

<input style="@StyleForNumber(MyNumber)" type="number" @bind=MyNumber @bind:event="oninput" />

@code{
	private string StyleForNumber(int n)
	{
  		if (n > 100) return "";
   		if (n < 1)  return "color:red";
   		return "background:lightgreen";
	}
}

Popularity 7/10 Helpfulness 5/10 Language csharp

Source: stackoverflow.com

Tags: blazor c# conditional styles

Link to this answer
Share Copy Link