Contextual components

application.template.hbs

{{#select-box as |sb|}}
	{{sb.option label='Foo'}}
	{{sb.option}}
	{{sb.option}}
{{/select-box}}

select-box-option.component.js

import Ember from 'ember';

export default Ember.Component.extend({
});

select-box-option.template.hbs

{{label}}

select-box.component.js

import Ember from 'ember';

export default Ember.Component.extend({
});

select-box.template.hbs

{{yield (hash option=(component 'select-box-option'))}}

twiddle.json

{
  "version": "0.4.14",
  "EmberENV": {
    "FEATURES": {
      "ember-contextual-components": true		
    }
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "http://builds.emberjs.com/canary/ember.debug.js",
    "ember-template-compiler": "http://builds.emberjs.com/canary/ember-template-compiler.js"
  }
}