JSFiddle - React, Tailwind, and code Playground

by Selva Ganesh

HTML

<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
<script src="http://builds.emberjs.com/ember-latest.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<script type="text/x-handlebars" data-template-name='application'>
<button {{action disableMe}} {{bindAttr class=":btn isDisabled:btn-danger" disabled="isDisabled"}}>
    Click Me 
</button>
</script>

JavaScript

var App = window.App = Em.Application.create();

App.ApplicationController = Em.ObjectController.extend({
    actions : {
      disableMe: function(){
        this.set('isDisabled', true);
      }  
    },
    
    isDisabled: false,
    
});