JSFiddle - React, Tailwind, and code Playground

by scispear

HTML

<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-0.9.8.1.min.js"></script>
<script type="text/x-handlebars">
    {{#view Em.TabContainerView currentView="contact"}}
        <dl class="tabs">
            {{#view Em.TabView value="contact" tagName="dd"}}<a>Contact</a>{{/view}}
            {{#view Em.TabView value="notifications" tagName="dd"}}<a>Notifications</a>{{/view}}
            {{#view Em.TabView value="community" tagName="dd"}}<a>Community</a>{{/view}}
            {{#view Em.TabView value="password" tagName="dd"}}<a>Password</a>{{/view}}
        </dl>

        {{#view Em.TabPaneView viewName="contact"}}
            CONTACT
        {{/view}}
        {{#view Em.TabPaneView viewName="notifications"}}
            NOTIFY
        {{/view}}
        {{#view Em.TabPaneView viewName="community"}}
            COMMUNITY
        {{/view}}
        {{#view Em.TabPaneView viewName="password"}}
            RESET PASSWORD
        {{/view}}
    {{/view}}
</script>

JavaScript

App = Ember.Application.create();