JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-0.9.5.js"></script>
<script src="http://flamejs.github.com/flame-address-book/js/libs/flame.min.js"></script>
<link rel="stylesheet" href="http://flamejs.github.com/flame-address-book/css/flame.css">
<script type="text/x-handlebars">
    {{view App.RootView}}
</script>

JavaScript

App = Ember.Application.create();

App.textValueController = Ember.Object.create({
    content: 'Flame.js!'
});

App.RootView = Flame.RootView.extend({
    childViews: ['buttonView', 'textView'],
    
    buttonView: Flame.ButtonView.extend({
        layout: { top: 5, left: 5, width: 150 },
        titleBinding: 'App.textValueController.content'
    }),
    
    textView: Flame.TextFieldView.extend({
        layout: { top: 35, left: 5, width: 150 },
        valueBinding: 'App.textValueController.content'
    })
});