JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgithub.com/Rich-Harris/Ractive/master/release/0.3.6/Ractive-legacy.js"></script>
<div id='container'></div>

<script id='tpl' type='text/ractive'>
    <label><input type='checkbox' checked='{{disabled}}'>disabled</label>
    <button disabled='{{disabled}}'>The button is {{^disabled}}not {{/disabled}} disabled</button>
</script>

CSS

body {
    font-family: 'Helvetica Neue', 'Arial';
    font-size: 16px;
    color: #353535;
}

label {
    display: block;
}

JavaScript

ractive = new Ractive({
    el: 'container',
    template: '#tpl',
    data: {
        disabled: true
    }
});