;
+
+ constructor() {
+ this.previousClick = 'Nothing';
+ this.action = "ACTIVATE";
+ this.clickCount = 0;
+ this.items = [1,2,3,4,5,6,7,8,9,0];
+ }
+
+ click(msg: string) {
+ this.previousClick = msg;
+ }
+
+ submit(msg: string, event) {
+ event.preventDefault();
+ this.previousClick = msg;
+ }
+
+ increment() {
+ this.clickCount++;
+ }
+}
+
+export function main() {
+ commonDemoSetup();
+ bootstrap(DemoApp, [
+ bind(UrlResolver).toValue(new DemoUrlResolver())
+ ]);
+}
diff --git a/modules/examples/src/material/checkbox/demo_app.html b/modules/examples/src/material/checkbox/demo_app.html
new file mode 100644
index 0000000000..cac15cdbf9
--- /dev/null
+++ b/modules/examples/src/material/checkbox/demo_app.html
@@ -0,0 +1,9 @@
+
+
Checkbox demo
+
+
Normal checkbox
+
Primary checkbox
+
Disabled checkbox
+
+
Toggle count: {{toggleCount}}
+
+
+
grid-list demo
+
+
+
+
+ Tile #1
+
+
+
+ Tile #2
+
+
+
+ Tile #3
+
+
+
+
+
diff --git a/modules/examples/src/material/grid_list/index.html b/modules/examples/src/material/grid_list/index.html
new file mode 100644
index 0000000000..4beb8fe846
--- /dev/null
+++ b/modules/examples/src/material/grid_list/index.html
@@ -0,0 +1,20 @@
+
+
+
+
+ ng-material grid-list demo
+
+
+
+
+
+$SCRIPTS$
+
+ Loading...
+
+
+
diff --git a/modules/examples/src/material/grid_list/index.js b/modules/examples/src/material/grid_list/index.js
new file mode 100644
index 0000000000..2d938c90ad
--- /dev/null
+++ b/modules/examples/src/material/grid_list/index.js
@@ -0,0 +1,30 @@
+import {bootstrap, Component, View} from 'angular2/angular2';
+import {MdGridList, MdGridTile} from 'angular2_material/src/components/grid_list/grid_list'
+import {MdTheme} from 'angular2_material/src/core/theme'
+import {UrlResolver} from 'angular2/src/services/url_resolver';
+import {commonDemoSetup, DemoUrlResolver} from '../demo_common';
+import {bind} from 'angular2/di';
+
+@Component({
+ selector: 'demo-app'
+})
+@View({
+ templateUrl: './demo_app.html',
+ directives: [MdGridList, MdGridTile]
+})
+class DemoApp {
+ tile3RowSpan: number;
+ tile3ColSpan: number;
+
+ constructor() {
+ this.tile3RowSpan = 3;
+ this.tile3ColSpan = 3;
+ }
+}
+
+export function main() {
+ commonDemoSetup();
+ bootstrap(DemoApp, [
+ bind(UrlResolver).toValue(new DemoUrlResolver())
+ ]);
+}
diff --git a/modules/examples/src/material/input/demo_app.html b/modules/examples/src/material/input/demo_app.html
new file mode 100644
index 0000000000..dcb97f4e92
--- /dev/null
+++ b/modules/examples/src/material/input/demo_app.html
@@ -0,0 +1,10 @@
+
+
+
input demo
+
+
+
+
+
+
+
diff --git a/modules/examples/src/material/input/index.html b/modules/examples/src/material/input/index.html
new file mode 100644
index 0000000000..8ddc4729bf
--- /dev/null
+++ b/modules/examples/src/material/input/index.html
@@ -0,0 +1,19 @@
+
+
+
+
+ ng-material input demo
+
+
+
+
+
+ $SCRIPTS$
+
+ Loading...
+
+
diff --git a/modules/examples/src/material/input/index.js b/modules/examples/src/material/input/index.js
new file mode 100644
index 0000000000..d60c20d2a5
--- /dev/null
+++ b/modules/examples/src/material/input/index.js
@@ -0,0 +1,31 @@
+import {bootstrap, Component, View} from 'angular2/angular2';
+import {MdCheckbox} from 'angular2_material/src/components/checkbox/checkbox'
+import {UrlResolver} from 'angular2/src/services/url_resolver';
+import {commonDemoSetup, DemoUrlResolver} from '../demo_common';
+import {bind} from 'angular2/di';
+
+@Component({
+ selector: 'demo-app'
+})
+@View({
+ templateUrl: './demo_app.html',
+ directives: [MdCheckbox]
+})
+class DemoApp {
+ toggleCount: number;
+
+ constructor() {
+ this.toggleCount = 0;
+ }
+
+ increment() {
+ this.toggleCount++;
+ }
+}
+
+export function main() {
+ commonDemoSetup();
+ bootstrap(DemoApp, [
+ bind(UrlResolver).toValue(new DemoUrlResolver())
+ ]);
+}
diff --git a/modules/examples/src/material/progress-linear/demo_app.html b/modules/examples/src/material/progress-linear/demo_app.html
new file mode 100644
index 0000000000..5f99e6ff0a
--- /dev/null
+++ b/modules/examples/src/material/progress-linear/demo_app.html
@@ -0,0 +1,42 @@
+
+
+
+
Progress-linear demo
+
+
+ Determinate: primary
+
+
+
+
+
+ Determinate: accent
+
+
+
+
+
+ Buffer
+
+
+
+
+
+ Indeterminate
+
+
+
+
+
+ Query
+
+
+
+
+
+
+
Progress: {{progress}}
+
+
+
+
Radio buttons
+
Inside of a radiogroup
+
+
+ Star Wars
+ Star Trek
+ Battlestar Galactica
+ Dr. Who
+
+
+
Your selection: {{scifi.value}}
+
radio group value change count: {{groupValueChangeCount}}
+
+
+
Standalone
+
+
Earth
+
Fire
+
Wind
+
Heart (disabled)
+
+
individual radio value change count: {{individualValueChanges}}
+
+
+
Disabled radio group
+
Chosen: {{pokemon}}
+
+ Charmander
+ Bulbasaur
+ Squirtle
+
+
+
+
+
Switch demo
+
+
Normal switch
+
Primary switch
+
Disabled switch
+
+
Toggle count: {{toggleCount}}
+