JSFiddle - React, Tailwind, and code Playground

by Aras Balali Moghaddam

HTML

<script src="https://github.com/downloads/wycats/handlebars.js/handlebars-1.0.rc.1.js"></script>
<script src="https://github.com/downloads/emberjs/ember.js/ember-1.0.0-pre.2.min.js"></script>
<script type="text/x-handlebars">
  {{view App.CustomDiv}} 
</script>


<script type="text/x-handlebars" data-template-name="custom">
  <h1>Using classBinding="flag:A:B"</h1>
  Text is Green since flag is {{view.flag}}
</script>

CSS

h1 { font-size: 120%; margin: 20px 0 }
.A { color: green }

JavaScript

App = Ember.Application.create();


App.CustomDiv = Em.View.extend({
    classNameBindings: ['flag:A:B'],
    templateName: 'custom',
    flag: true
});