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. |