Swipe tab ionic 2


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>


        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';

          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;


In your file.ts are many mistakes. Take a look at the tab1Root declaration, it is twice in your code. Also 7 tabs is not good, go with a max of 4.


sliding swipe tabs option available in ionic2?


He asked for sliding between tabs, not approval on his code.
Why would you even reply if you have nothing to add.