Deshabilitar elementos HTML en Blazor

En este articulo quiero explicar algo simple pero muy útil y necesario en aplicaciones Web.

Siempre es necesario bajo algún contexto o escenario deshabilitar un elemento HTML por alguna condición y en blazor esto es bastante simple:

<button disabled="!@ToggleProperty"> 
My Button
</button>

<button disabled="@ToggleProperty"> 
My Button
</button>

Podemos implementar algo tan simple como lo anterior en donde dependiendo de el valor de una variable tipo bool podemos habilitar o deshabilitar el elemento que queremos, o también podemos agregar condiciones y retornar un true o false:

<button disabled="@(ToggleProperty1 || ToogleProperty2)"> 
My Button
</button>  
                    
<button disabled="@(MyNumber > 0 ? true : false)"> 
My Button
</button>  
           

Con esos ejemplos ahora tienes una idea más clara de como lograr deshabilitar un elemento en Blazor de diferentes formas.