src/app/tabs/tabs.page.ts
| selector | app-tabs |
| styleUrls | tabs.page.scss |
| templateUrl | tabs.page.html |
import { Component } from '@angular/core';
@Component({
selector: 'app-tabs',
templateUrl: 'tabs.page.html',
styleUrls: ['tabs.page.scss']
})
export class TabsPage {}
<ion-tabs>
<ion-tab-bar slot="bottom">
<ion-tab-button tab="tab1">
<ion-icon name="home"></ion-icon>
<ion-label>{{'home'|translate}}</ion-label>
</ion-tab-button>
<ion-tab-button tab="tab2">
<ion-icon name="contact"></ion-icon>
<ion-label>{{'contacts'|translate}}</ion-label>
</ion-tab-button>
<ion-tab-button tab="tab3">
<ion-icon name="map"></ion-icon>
<ion-label>{{'places'|translate}}</ion-label>
</ion-tab-button>
</ion-tab-bar>
</ion-tabs>
tabs.page.scss