ionic2 scrollable tabs

ionic2 scrollable tabs is an automatic tab scroll when select with smooth user experience. You can use it separately or embedded with original Ionic2 Tabs without any problems. Easy to integrate with ngFor to use with different data in tabs. Try it for free to help you save time in development.

If you like to give me a beer

• via Paypal
• via Ethereum: 0x5405B6d5325D8Ee7674e2b4719C8d11555c16c85
• via Bitcoin: 39BXQrA4pERcTTt4Qn17rDJVSKDCrMPJr8

About me

My name is Quang Anh. I'm a full stack developer (NodeJS + frontend). View my apps at: https://market.ionic.io/user/74043

Support me with my product: https://market.ionic.io/themes/ionfull-ecommerce-app-9ecom

Setup and Running

• npm install -g ionic
• git clone https://github.com/quanganh206/ionic2-scrolltabs
• npm install
• npm build

Using

• Copy scrolltabs folder to components folder
• in app.module.ts

``` import { ScrollTabsComponent } from '../components/scrolltabs';

@NgModule({ declarations: [ ... ScrollTabsComponent, ... ], }) ```

• in [page].module.ts (lazy-loading)

``` import { NgModule } from '@angular/core'; import { HelloIonicPage } from './hello-ionic'; import { IonicPageModule } from 'ionic-angular'; import { ScrollTabsComponentModule } from '../../components/scrolltabs';

@NgModule({ declarations: [ HelloIonicPage ], imports: [ ScrollTabsComponentModule, IonicPageModule.forChild(HelloIonicPage) ], entryComponents: [ HelloIonicPage ] }) export class HelloIonicPageModule {} ```

```html

```

• Push component to anywhere you want to display it

<scroll-tabs #scrollTab [tabs]="tabs" (onSelectedTab)="tabChange($event)"></scroll-tabs>

Environment

Cordova CLI: 6.5.0 Ionic Framework Version: 2.3.0 Ionic CLI Version: 2.2.1 Ionic App Lib Version: 2.2.0 Ionic App Scripts Version: 1.1.4 ios-deploy version: 1.9.0 ios-sim version: 5.0.8 OS: macOS Sierra Node Version: v7.6.0 Xcode version: Xcode 8.2.1 Build version 8C1002

Update

• 15th May 2017: Update libs & new Ion-Scroll
• 18th Apr 2017: Update lazy loading
• 05th Apr 2017: fix Scroll element issue (thanks @Abhith for your contribution)
• 24th Mar 2017: publish