1 files changed, 26 insertions, 0 deletions
diff --git a/stories/ng2-component-lab/components/colors-table.component.ts b/stories/ng2-component-lab/components/colors-table.component.ts
new file mode 100644
index 0000000..fc7bd2f
--- /dev/null
+++ b/stories/ng2-component-lab/components/colors-table.component.ts
@@ -0,0 +1,26 @@
+import { Component, Input } from "@angular/core";
+
+@Component({
+    selector: "colors-table",
+    template: `
+
+        <h1>{{tableTitle}}</h1>
+        <div class="colors-table">
+              <div class="color-section"  *ngFor="let color of tableMapColors | keys">
+                <div class='sdc-bc-{{color}} color-circle'></div>
+                <div>{{color}}</div>
+                <div>{{tableMapColors[color]}}</div>
+              </div>
+        </div>
+`
+})
+export class ColorsTable {
+
+    @Input() tableTitle:string;
+    @Input() tableMapColors: Object;
+
+    constructor() {
+
+    }
+
+}