3 files changed, 30 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';
+}