JSFiddle - React, Tailwind, and code Playground

by Energiz0r

HTML

<script src="https://github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="https://raw.github.com/emberjs/ember.js/release-builds/ember-1.0.0-pre.4.js"></script>
<script type="text/x-handlebars" data-template-name="index">
  <h2>Index Content:</h2>
  <ul>
  {{#each item in content}}
      {{view App.TextFieldWithLabel valueBinding="item.firstName" label="Gimme Your Name!"}}
  {{/each}}
   </ul>
</script>

<script type="text/x-handlebars" data-template-name="textLabel">
    <label class="control-label">{{view.label}}</label>
    <div class="controls">
         {{view Ember.TextField valueBinding ="view.value"}}
    </div>
</script>

CSS

ul { padding: 15px; font-size: 1.4em; color: green; }

JavaScript

App = Ember.Application.create({});

App.IndexRoute = Ember.Route.extend({
  setupController: function(controller) {
      var objA = Ember.Object.create({firstName: "Mc. awesome"});
      var objB = Ember.Object.create({firstName: "Mc. drool"});
    controller.set('content', [objA, objB]);
  }
});

App.TextFieldWithLabel = Em.View.extend({
    templateName: 'textLabel',
    value: null,
    label: null
});