ember-paper-twiddle

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  selectedFruit: 'Apple',
  
});

templates.application.hbs

  <div class="layout-row layout-xs-column">
    <div class="layout-column flex-xs flex-gt-xs-90">
      {{#paper-card as |card|}}
        {{#card.title as |title|}}
          {{#title.text as |text|}}
            {{#text.headline}}Ember-paper on twiddle{{/text.headline}}
            {{#text.subhead}}Subheader: {{name}}{{/text.subhead}}
            {{paper-input
            	label="Subheader name"
              value=name
              onChange=(action (mut name))}}
              
              {{#paper-radio-group
  								groupValue=(readonly selectedFruit)
  								onChange=(action (mut selectedFruit)) as |group|}}
  							{{#group.radio value="Apple" primary=true}} Apple {{/group.radio}}
  							{{#group.radio value="Banana" warn=true}} Banana {{/group.radio}}
  							{{#group.radio value="Mango"}} Mango {{/group.radio}}
							{{/paper-radio-group}}
              
              {{paper-progress-circular value=40 accent=true}}
          {{/title.text}}
          {{title.media
            src="http://emberjs.com/images/tomsters/lts-8974c71c.png"
            alt="Tomster"
            title="Tomster"}}
        {{/card.title}}
        {{#card.actions}}
          {{#paper-button}}Action 1{{/paper-button}}
          {{#paper-button  primary=true raised=true}}Action 2{{/paper-button}}
        {{/card.actions}}
      {{/paper-card}}
    </div>
  </div>

twiddle.json

{
  "version": "0.11.1",
  "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.11.0",
    "ember-data": "2.11.0",
    "ember-template-compiler": "2.11.0",
    "ember-testing": "2.11.0"
  },
  "addons": {
  	"ember-paper": "1.0.0-alpha.14"
  }
}