sunishsheth2009 · May 28, 2020 00:23 · May 28, 2020
diff --git a/components.button-comp\.js b/components.button-comp\.js
@@ -0,0 +1,14 @@
+import Component from '@ember/component';
+export default Component.extend({  
+  tagName: 'button',
+  attributeBindings: [
+    'isDisabled:disabled',
+    'onClick:click',
+    'type'
+  ],
+  isDisabled: true,
+
+  click() {
+    console.log('click');
+  }
+});
diff --git a/controllers.application\.js b/controllers.application\.js
@@ -0,0 +1,5 @@
+import Controller from '@ember/controller';
+
+export default class ApplicationController extends Controller {
+  appName = 'Ember Twiddle';
+}
diff --git a/templates.application\.hbs b/templates.application\.hbs
@@ -0,0 +1,7 @@
+<h1>Welcome to {{this.appName}}</h1>
+<br>
+<br>
+{{button-comp type="button"}}
+{{outlet}}
+<br>
+<br>
diff --git a/templates.components.button-comp\.hbs b/templates.components.button-comp\.hbs
@@ -0,0 +1 @@
+<span class="a11y-text" data-test-a11y-label>hello</span> 
diff --git a/twiddle\.json b/twiddle\.json
@@ -0,0 +1,22 @@
+{
+  "version": "0.17.1",
+  "EmberENV": {
+    "FEATURES": {},
+    "_TEMPLATE_ONLY_GLIMMER_COMPONENTS": false,
+    "_APPLICATION_TEMPLATE_WRAPPER": true,
+    "_JQUERY_INTEGRATION": true
+  },
+  "options": {
+    "use_pods": false,
+    "enable-testing": false
+  },
+  "dependencies": {
+    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js",
+    "ember": "3.18.1",
+    "ember-template-compiler": "3.18.1",
+    "ember-testing": "3.18.1"
+  },
+  "addons": {
+    "@glimmer/component": "1.0.0"
+  }
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<span class="a11y-text" data-test-a11y-label>hello</span>