i want to implement sliding, swipe tabs to the ones of material design spec, i am new to ionic how to implement this.
like this
<ion-tabs> <ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="home"></ion-tab> <ion-tab [root]="tab2Root" tabTitle="About" tabIcon="information-circle"></ion-tab> <ion-tab [root]="tab3Root" tabTitle="contacts" tabIcon="contacts"></ion-tab> <ion-tab [root]="tab4Root" tabTitle="lab" tabIcon="lab"></ion-tab> <ion-tab [root]="tab5Root" tabTitle="school" tabIcon="school"></ion-tab> <ion-tab [root]="tab6Root" tabTitle="student" tabIcon="student"></ion-tab> <ion-tab [root]="tab7Root" tabTitle="play" tabIcon="play"></ion-tab> </ion-tabs>
file.ts
import {Component} from '@angular/core'
import {HomePage} from '../home-page/home-page';
import {AboutPage} from '../about-page/about-page';
import {ContactPage} from '../contact-page/contact-page';
import {LabPage} from '../lab-page/lab-page';
import {SchoolPage} from '../school-page/school-page';
import {StudentPage} from '../student-page/student-page';
import {playPage} from '../play-page/play-page';
@Component({
templateUrl: 'build/pages/tabs/tabs.html'
})
export class TabsPage {
constructor() {
// this tells the tabs component which Pages
// should be each tab's root Page
this.tab1Root = HomePage;
this.tab2Root = AboutPage;
this.tab3Root = ContactPage;
this.tab4Root = LabPage;
this.tab5Root = SchoolPage;
this.tab6Root = StudentPage;
this.tab7Root = PlayPage;
}
}