6 files changed, 73 insertions, 0 deletions
diff --git a/src/angular/tiles/children/tile-content.component.ts b/src/angular/tiles/children/tile-content.component.ts
new file mode 100644
index 0000000..741db26
--- /dev/null
+++ b/src/angular/tiles/children/tile-content.component.ts
@@ -0,0 +1,10 @@
+import { Component, HostBinding } from "@angular/core";
+
+@Component({
+    selector: 'sdc-tile-content',
+    template: '<ng-content></ng-content>'
+})
+
+export class TileContentComponent {
+    @HostBinding('class') classes = 'sdc-tile-content';
+}
diff --git a/src/angular/tiles/children/tile-footer.component.ts b/src/angular/tiles/children/tile-footer.component.ts
new file mode 100644
index 0000000..519c5ba
--- /dev/null
+++ b/src/angular/tiles/children/tile-footer.component.ts
@@ -0,0 +1,10 @@
+import { Component, HostBinding } from '@angular/core';
+
+@Component({
+    selector: 'sdc-tile-footer',
+    template: '<ng-content></ng-content>'
+})
+
+export class TileFooterComponent {
+    @HostBinding('class') classes = 'sdc-tile-footer';
+}
diff --git a/src/angular/tiles/children/tile-header.component.ts b/src/angular/tiles/children/tile-header.component.ts
new file mode 100644
index 0000000..b040bcb
--- /dev/null
+++ b/src/angular/tiles/children/tile-header.component.ts
@@ -0,0 +1,10 @@
+import { Component, HostBinding } from '@angular/core';
+
+@Component({
+    selector: "sdc-tile-header",
+    template: '<ng-content></ng-content>'
+})
+
+export class TileHeaderComponent {
+    @HostBinding('class') classes = 'sdc-tile-header';
+}
diff --git a/src/angular/tiles/tile.component.html.ts b/src/angular/tiles/tile.component.html.ts
new file mode 100644
index 0000000..81803d5
--- /dev/null
+++ b/src/angular/tiles/tile.component.html.ts
@@ -0,0 +1,5 @@
+export default `
+<ng-content select="sdc-tile-header"></ng-content>
+<ng-content select="sdc-tile-content"></ng-content>
+<ng-content select="sdc-tile-footer"></ng-content>
+`;
diff --git a/src/angular/tiles/tile.component.ts b/src/angular/tiles/tile.component.ts
new file mode 100644
index 0000000..3791ca0
--- /dev/null
+++ b/src/angular/tiles/tile.component.ts
@@ -0,0 +1,11 @@
+import { Component, HostBinding } from '@angular/core';
+import template from "./tile.component.html";
+
+@Component({
+    selector: "sdc-tile",
+    template: template
+})
+
+export class TileComponent {
+    @HostBinding('class') classes = 'sdc-tile';
+}
diff --git a/src/angular/tiles/tile.module.ts b/src/angular/tiles/tile.module.ts
new file mode 100644
index 0000000..43c750b
--- /dev/null
+++ b/src/angular/tiles/tile.module.ts
@@ -0,0 +1,27 @@
+import { NgModule } from "@angular/core";
+import { TileComponent } from "./tile.component";
+import { CommonModule } from "@angular/common";
+import { TileContentComponent } from "./children/tile-content.component";
+import { TileFooterComponent } from "./children/tile-footer.component";
+import { TileHeaderComponent } from "./children/tile-header.component";
+
+@NgModule({
+    declarations: [
+        TileComponent,
+        TileContentComponent,
+        TileFooterComponent,
+        TileHeaderComponent
+    ],
+    imports: [CommonModule],
+    entryComponents: [TileComponent],
+    exports: [
+        TileComponent,
+        TileContentComponent,
+        TileFooterComponent,
+        TileHeaderComponent
+    ]
+})
+
+export class TileModule {
+
+}