Tab
Tab2
Tab1
<ong-tabs [color]="'danger'" [style]="'btn'" [byDefault]="'Example Tab 2'" (onSwitch)="tabSwitch($event)">
<ng-template ong-tab-name="Example Tab 1">
<div>Tab1</div>
</ng-template>
<ng-template ong-tab-name="Example Tab 2">
<div>Tab2</div>
</ng-template>
<ng-template ong-tab-name="Example Tab 3">
<div>Tab3</div>
</ng-template>
<ng-template ong-tab-name="Example Tab 4">
<div>Tab4</div>
</ng-template>
<ng-template ong-tab-name="Example Tab 5">
<div>Tab5</div>
</ng-template>
</ong-tabs>
<ong-tabs [color]="'danger'" [style]="'line'">
<ng-template ong-tab-name="Example Tab 1">
<div>Tab1</div>
</ng-template>
<ng-template ong-tab-name="Example Tab 2">
<div>Tab2</div>
</ng-template>
<ng-template ong-tab-name="Example Tab 3">
<div>Tab3</div>
</ng-template>
<ng-template ong-tab-name="Example Tab 4">
<div>Tab4</div>
</ng-template>
<ng-template ong-tab-name="Example Tab 5">
<div>Tab5</div>
</ng-template>
</ong-tabs>| ong-tabs | Base tag |
| ong-tab-name="..." | ng-template directive with tab name |
| [color] | Tab color ['light' | 'secondary' | 'warning' | 'danger' | 'success' | 'info' | 'primary' | 'dark']. |
| [style] | Sticker type ['btn' | 'line']. |
| [byDefault] | Setter default tab. |
| (onSwitch) | Event tab switch. |