这是indexloc提供的服务,不要输入任何密码
Skip to content

TopDecked/ionic2-super-tabs

 
 

Repository files navigation

ionic2-super-tabs

This branch is WIP

Checkout the v5 branch for the current stable version.


This branch is for the updated version of Super Tabs that supports Ionic 4 applications.

<!-- 
  # Only global inputs/outputs will be passed through the super-tabs component
  # The rest of the i/o is split throughout the components to make usage more 
  # intuitive and customizable.
 -->
<super-tabs [config]="config" (tabChange)="onTabChange($event)">
  <super-tabs-container>
    <super-tab>
      <!-- You can pass anything to a super tab including an ion-nav -->
      <!-- If you choose to pass an ion-nav, it will be controlled and optimized by super-tab -->
      <ion-nav [root]="myPage" [rootParams]="myParams"></ion-nav>
    </super-tab>
    <super-tab>...</super-tab>
    <super-tab>...</super-tab>
    <!-- ability to dynamically add or remove tabs -->
    <super-tab *ngFor="let tab of tabs">...</super-tab>
  </super-tabs-container>
  
  <super-tabs-toolbar>
    <!-- Listen to click events on any tab button -->
    <super-tab-button (click)="onTabClick($event)">
      <ion-label>Call</ion-label>
      <ion-icon name="call"></ion-icon>
    </super-tab-button>
    <super-tab-button>...</super-tab-button>
    <super-tab-button>...</super-tab-button>
    <super-tab-button *ngFor="let tab of tabs">...</super-tab-button>
  </super-tabs-toolbar>
</super-tabs>

About

Swipeable Tabs for Ionic 3

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 68.2%
  • CSS 21.3%
  • JavaScript 6.8%
  • HTML 3.7%