JSFiddle - React, Tailwind, and code Playground

by lega911

HTML

<script src="http://angularlight.org/bin/alight_0.11.last.min.js"></script>
<div id="app">
    <button al-click="click()">click</button>
    <input type="text" al-value="name" /> Hello {{name}}!
</div>

CSS

.active {
    background-color: red;
    color: #FFF;
}

[al-app] > div {
    cursor: pointer;
}

JavaScript

alight.bootstrap('#app', {
     name: 'user',
     click: function() {
         this.name = 'world'
     }
 });