src/app/components/account-tab-menu/account-tab-menu.component.ts
selector | account-tab-menu |
styleUrls | ./account-tab-menu.component.scss |
templateUrl | ./account-tab-menu.component.html |
Methods |
constructor()
|
ngOnInit |
ngOnInit()
|
Returns :
void
|
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'account-tab-menu',
templateUrl: './account-tab-menu.component.html',
styleUrls: ['./account-tab-menu.component.scss']
})
export class AccountTabMenuComponent implements OnInit {
constructor() {}
ngOnInit() {}
}
<ion-tabs>
<ion-tab-bar slot="bottom">
<ion-tab-button tab="borrowings">
<ion-icon name="calendar"></ion-icon>
<ion-label>Borrowings</ion-label>
<ion-badge>6</ion-badge>
</ion-tab-button>
<ion-tab-button tab="profile">
<ion-icon name="contacts"></ion-icon>
<ion-label>Profile</ion-label>
</ion-tab-button>
<ion-tab-button tab="penalty">
<ion-icon name="map"></ion-icon>
<ion-label>penalty</ion-label>
</ion-tab-button>
<ion-tab-button tab="about">
<ion-icon name="information-circle"></ion-icon>
<ion-label>About</ion-label>
</ion-tab-button>
</ion-tab-bar>
</ion-tabs>
./account-tab-menu.component.scss