tabs.html 1.0 KB

1234567891011121314151617181920212223242526
  1. <!--
  2. Create tabs with an icon and label, using the tabs-positive style.
  3. Each tab's child <ion-nav-view> directive will have its own
  4. navigation history that also transitions its views in and out.
  5. -->
  6. <ion-tabs class="tabs-icon-top tabs-color-active-positive">
  7. <!-- Dashboard Tab -->
  8. <ion-tab title="Status" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" href="#/tab/dash">
  9. <ion-nav-view name="tab-dash"></ion-nav-view>
  10. </ion-tab>
  11. <!-- Chats Tab -->
  12. <ion-tab title="Chats" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes" href="#/tab/chats">
  13. <ion-nav-view name="tab-chats"></ion-nav-view>
  14. </ion-tab>
  15. <!-- Account Tab -->
  16. <ion-tab title="Account" icon-off="ion-ios-gear-outline" icon-on="ion-ios-gear" href="#/tab/account">
  17. <ion-nav-view name="tab-account"></ion-nav-view>
  18. </ion-tab>
  19. <!--<ion-tab title="List" icon-off="ion-ios-gear-outline" icon-on="ion-ios-gear" href="#/tab/list">-->
  20. <!--<ion-nav-view name="tab-list"></ion-nav-view>-->
  21. <!--</ion-tab>-->
  22. </ion-tabs>