2 files changed, 21 insertions, 0 deletions
diff --git a/src/angular/tabs/children/tab.component.html.ts b/src/angular/tabs/children/tab.component.html.ts
new file mode 100644
index 0000000..36ff413
--- /dev/null
+++ b/src/angular/tabs/children/tab.component.html.ts
@@ -0,0 +1,5 @@
+export default `
+<div [hidden]="!active" class="sdc-tab-content" role="tabpanel">
+    <ng-content></ng-content>
+</div>
+`;
diff --git a/src/angular/tabs/children/tab.component.ts b/src/angular/tabs/children/tab.component.ts
new file mode 100644
index 0000000..3b96e87
--- /dev/null
+++ b/src/angular/tabs/children/tab.component.ts
@@ -0,0 +1,16 @@
+import { Component, Input } from '@angular/core';
+import { Mode } from './../../common/enums';
+import template from "./tab.component.html";
+
+@Component({
+  selector: 'sdc-tab',
+  template: template
+})
+export class TabComponent {
+  @Input() public title: string;
+  @Input() public titleIcon: string;
+  @Input() public active = false;
+
+  public titleIconMode = Mode.secondary;
+
+}