Swipe/sliding tab ionic 2
<p>i want to implement sliding/swipe tabs to the ones of <a href="https://material.google.com/components/tabs.html#tabs-usage" rel="nofollow">material design spec</a>, how to implement this in ionic2,  Ionic2 have sliding/swipe option? </p>

<p>if "No" any Other jquery plugin available? like <a href="https://material.google.com/components/tabs.html#tabs-usage" rel="nofollow">material design spec</a></p>

<pre><code>&lt;ion-tabs&gt;
    &lt;ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="home"&gt;&lt;/ion-tab&gt;
    &lt;ion-tab [root]="tab2Root" tabTitle="About" tabIcon="information-circle"&gt;&lt;/ion-tab&gt;
    &lt;ion-tab [root]="tab3Root" tabTitle="contacts" tabIcon="contacts"&gt;&lt;/ion-tab&gt;
    &lt;ion-tab [root]="tab4Root" tabTitle="lab" tabIcon="lab"&gt;&lt;/ion-tab&gt;
    &lt;ion-tab [root]="tab5Root" tabTitle="school" tabIcon="school"&gt;&lt;/ion-tab&gt;
    &lt;ion-tab [root]="tab6Root" tabTitle="student" tabIcon="student"&gt;&lt;/ion-tab&gt;
    &lt;ion-tab [root]="tab7Root" tabTitle="play" tabIcon="play"&gt;&lt;/ion-tab&gt;
 &lt;/ion-tabs&gt;
</code></pre>

<p>file.Ts here my typescript file </p>

<pre><code>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;
          }
        }
</code></pre>