unclosed-element-workaround

components.option-picker-wrapper.js

import Ember from 'ember';

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

components.option-picker.js

import Ember from 'ember';

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

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  options: [
    {
      value: 'free',
      text: 'Free',
      id: 'radio-option-account-free',
      labelid: 'radio-account-free-label'
    },
    {
      value: 'premium',
      text: 'Premium',
      id: 'radio-option-account-premium',
      labelid: 'radio-account-premium-label'
    },
    {
      value: 'business',
      text: 'Business',
      id: 'radio-option-account-business',
      labelid: 'radio-account-business-label'
    }
   ],
  hasFieldset: true
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
{{option-picker options=options legend="Account" hasFieldset=hasFieldset}}
<br>
{{outlet}}
<br>
<br>

templates.components.option-picker-wrapper.hbs

<div class="[ option-picker ]">
  {{#if hasFieldset}}
  <fieldset class="option-picker__fieldset">
    <legend class="option-picker__legend">{{ legend }}</legend>
    {{yield}}
  </fieldset>
  {{else}}
    {{yield}}
  {{/if}}
</div>

templates.components.option-picker.hbs

<div class="[ option-picker ]">
  {{#option-picker-wrapper hasFieldset=hasFieldset legend=legend}}
    <div class="option-picker__options">
      {{#each options as |option|}}
      <label class="[ radio-button ]">
      	<input type="radio" value=option.value class="radio-button__input" name="option" id=option.id aria-labelledby=option.labelid />
        <span class="radio-button__text" id=option.labelid>
          {{ option.text }}
        </span>
      </label>
      {{/each}}
    </div>
  {{/option-picker-wrapper}}
</div>

twiddle.json

{
  "version": "0.13.0",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.16.2",
    "ember-template-compiler": "2.16.2",
    "ember-testing": "2.16.2"
  },
  "addons": {
    "ember-data": "2.16.3"
  }
}