JSFiddle - React, Tailwind, and code Playground

by tomwhatmore

HTML

<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-latest.js"></script>
<script type="text/x-handlebars">
    {{view Ember.Select selectionBinding="country_id"
                            contentBinding  ="App.countriesController.content"
                            optionLabelPath ="content.name"
                            optionValuePath ="content.id"
                            prompt          ="Country"}}
</script>

JavaScript

App = Ember.Application.create();

App.countriesController = Ember.ArrayProxy.create({
  content: [Ember.Object.create({'name': 'Afghanistan','id': 1}),
            Ember.Object.create({'name': 'Albania','id': 2}),
            Ember.Object.create({'name': 'Algeria','id': 3}),
            Ember.Object.create({'name': 'American Samoa (US)','id': 4}),
            Ember.Object.create({'name': 'Andorra','id': 5}),
            Ember.Object.create({'name': 'Angola','id': 6}),
            Ember.Object.create({'name': 'Anguilla (UK)','id': 7}),
            Ember.Object.create({'name': 'Antarctica (the territory South of 60 deg S) ','id': 8}),
            Ember.Object.create({'name': 'Antigua and Barbuda','id': 9}),
            Ember.Object.create({'name': 'Argentina','id': 10}),
            Ember.Object.create({'name': 'Armenia','id': 11}),
            Ember.Object.create({'name': 'Aruba','id': 12}),
            Ember.Object.create({'name': 'Australia','id': 13}),
            Ember.Object.create({'name': 'Austria','id': 14}),
            Ember.Object.create({'name': 'Azerbaijan','id': 15}),
            Ember.Object.create({'name': 'Bahamas','id': 16}),
            Ember.Object.create({'name': 'Bahrain','id': 17}),
            Ember.Object.create({'name': 'Bangladesh','id': 18}),
            Ember.Object.create({'name': 'Barbados','id': 19}),
            Ember.Object.create({'name': 'Belarus','id': 20}),
            Ember.Object.create({'name': 'Belgium','id': 21}),
            Ember.Object.create({'name': 'Belize','id': 22}),
            Ember.Object.create({'name': 'Benin','id': 23}),
            Ember.Object.create({'name': 'Bermuda (UK)','id': 24}),
            Ember.Object.create({'name': 'Bhutan','id': 25}),
            Ember.Object.create({'name': 'Bolivia','id': 26}),
            Ember.Object.create({'name': 'Bosnia and Herzegovina','id': 27}),
            Ember.Object.create({'name': 'Botswana','id': 28}),
            Ember.Object.create({'name': 'Bouvet Island...