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