RandomEtc · November 15, 2016 23:37 · Nov 15, 2016
diff --git a/components.my-child-component.js b/components.my-child-component.js
@@ -0,0 +1,9 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+  actions: {
+    hi() {
+      this.sendAction();
+    }
+  }
+});
diff --git a/components.my-parent-component.js b/components.my-parent-component.js
@@ -0,0 +1,7 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+  someMethod() {
+    alert('hi!');
+  }
+});
diff --git a/controllers.application.js b/controllers.application.js
@@ -0,0 +1,5 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  appName: 'Ember Twiddle'
+});
diff --git a/templates.application.hbs b/templates.application.hbs
@@ -0,0 +1,10 @@
+<h1>Welcome to {{appName}}</h1>
+<br>
+{{#my-parent-component myChild='my-child-component' outerProp="yo"}}
+  Hi
+{{/my-parent-component}}
+<br>
+
+{{outlet}}
+<br>
+<br>
diff --git a/templates.components.my-child-component.hbs b/templates.components.my-child-component.hbs
@@ -0,0 +1 @@
+<button {{action 'hi'}}>{{yield}} {{someProp}}</button>
diff --git a/templates.components.my-parent-component.hbs b/templates.components.my-parent-component.hbs
@@ -0,0 +1,5 @@
+<div style="background-color: red; padding: 10px;">
+{{#component myChild someProp=outerProp action=someMethod}}
+  {{yield}}
+{{/component}}
+</div>
diff --git a/twiddle.json b/twiddle.json
@@ -0,0 +1,18 @@
+{
+  "version": "0.10.6",
+  "EmberENV": {
+    "FEATURES": {}
+  },
+  "options": {
+    "use_pods": false,
+    "enable-testing": false
+  },
+  "dependencies": {
+    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
+    "ember": "1.13.13",
+    "ember-data": "2.9.0",
+    "ember-template-compiler": "1.13.13",
+    "ember-testing": "1.13.13"
+  },
+  "addons": {}
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<button {{action 'hi'}}>{{yield}} {{someProp}}</button>
No results found