JSFiddle - React, Tailwind, and code Playground

HTML

Enabled: <input checked type="checkbox" onchange="document.getElementById('btn').className = (this.checked ? 'enabled' : 'disabled')"> <button id="btn" onclick="alert('I work!')">Click me!</button>

CSS

button.disabled {
    color:#888;
    opacity:0.8;
    pointer-events:none;    
}