feat(grid-list): basic scaffold for grid list

src/components/grid-list/grid-list.html

@@ -0,0 +1 @@
+I'm a grid list!

src/components/grid-list/grid-list.ts

@@ -0,0 +1,8 @@
+import {Component} from 'angular2/core';
+
+@Component({
+  selector: 'md-grid-list',
+  templateUrl: './components/grid-list/grid-list.html',
+  styleUrls: ['./components/grid-list/grid-list.css'],
+})
+export class MdGridList {}

src/components/grid-list/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@angular2-material/grid-list",
+  "version": "2.0.0-alpha.3",
+  "description": "Angular 2 Material grid list",
+  "main": "./grid-list.js",
+  "typings": "./grid-list.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/angular/material2.git"
+  },
+  "keywords": [
+    "angular",
+    "material",
+    "material design",
+    "components",
+    "grid-list",
+    "list",
+    "tiles"
+  ],
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/angular/material2/issues"
+  },
+  "homepage": "https://github.com/angular/material2#readme",
+  "peerDependencies": {
+    "angular2": "^2.0.0-beta.8",
+    "@angular2-material/core": "2.0.0-alpha.3"
+  }
+}

src/demo-app/demo-app.html

@@ -5,6 +5,7 @@
       <a md-list-item [routerLink]="['CardDemo']">Card</a>
       <a md-list-item [routerLink]="['CheckboxDemo']">Checkbox</a>
       <a md-list-item [routerLink]="['GesturesDemo']">Gestures</a>
+      <a md-list-item [routerLink]="['GridListDemo']">Grid List</a>
       <a md-list-item [routerLink]="['InputDemo']">Input</a>
       <a md-list-item [routerLink]="['ListDemo']">List</a>
       <a md-list-item [routerLink]="['LiveAnnouncerDemo']">Live Announcer</a>

src/demo-app/demo-app.ts

@@ -19,6 +19,7 @@ import {ListDemo} from './list/list-demo';
 import {InputDemo} from './input/input-demo';
 import {LiveAnnouncerDemo} from './live-announcer/live-announcer-demo';
 import {GesturesDemo} from './gestures/gestures-demo';
+import {GridListDemo} from "./grid-list/grid-list-demo";
 
 @Component({
   selector: 'home',
@@ -59,6 +60,7 @@ export class Home {}
   new Route({path: '/toolbar', name: 'ToolbarDemo', component: ToolbarDemo}),
   new Route({path: '/list', name: 'ListDemo', component: ListDemo}),
   new Route({path: '/live-announcer', name: 'LiveAnnouncerDemo', component: LiveAnnouncerDemo}),
-  new Route({path: '/gestures', name: 'GesturesDemo', component: GesturesDemo})
+  new Route({path: '/gestures', name: 'GesturesDemo', component: GesturesDemo}),
+  new Route({path: '/grid-list', name: 'GridListDemo', component: GridListDemo}),
 ])
 export class DemoApp { }

src/demo-app/grid-list/grid-list-demo.html

@@ -0,0 +1 @@
+<md-grid-list></md-grid-list>

src/demo-app/grid-list/grid-list-demo.ts

@@ -0,0 +1,10 @@
+import {Component} from 'angular2/core';
+import {MdGridList} from "../../components/grid-list/grid-list";
+
+@Component({
+  selector: 'grid-list-demo',
+  templateUrl: 'demo-app/grid-list/grid-list-demo.html',
+  styleUrls: ['demo-app/grid-list/grid-list-demo.css'],
+  directives: [MdGridList]
+})
+export class GridListDemo {}