summaryrefslogtreecommitdiffstats
path: root/src/angular/tabs/children
diff options
context:
space:
mode:
Diffstat (limited to 'src/angular/tabs/children')
-rw-r--r--src/angular/tabs/children/tab.component.html.ts5
-rw-r--r--src/angular/tabs/children/tab.component.ts16
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;
+
+}