mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
70 lines
2.1 KiB
HTML
70 lines
2.1 KiB
HTML
|
|
<!-- Text -->
|
|
<ion-tabs no-navbar>
|
|
<ion-tab tab-title="Recents"></ion-tab>
|
|
<ion-tab tab-title="Favorites"></ion-tab>
|
|
<ion-tab tab-title="Settings"></ion-tab>
|
|
</ion-tabs>
|
|
|
|
|
|
<!-- Icons -->
|
|
<ion-tabs no-navbar>
|
|
<ion-tab tab-icon="call"></ion-tab>
|
|
<ion-tab tab-icon="heart"></ion-tab>
|
|
<ion-tab tab-icon="settings"></ion-tab>
|
|
</ion-tabs>
|
|
|
|
|
|
<!-- Icons on top of text -->
|
|
<ion-tabs no-navbar>
|
|
<ion-tab tab-title="Location" tab-icon="navigate"></ion-tab>
|
|
<ion-tab tab-title="Favorites" tab-icon="star"></ion-tab>
|
|
<ion-tab tab-title="Radio" tab-icon="musical-notes"></ion-tab>
|
|
</ion-tabs>
|
|
|
|
|
|
<!-- Icons below text -->
|
|
<ion-tabs tabbar-icons="bottom" no-navbar>
|
|
<ion-tab tab-title="Recents" tab-icon="call"></ion-tab>
|
|
<ion-tab tab-title="Favorites" tab-icon="heart"></ion-tab>
|
|
<ion-tab tab-title="Settings" tab-icon="settings"></ion-tab>
|
|
</ion-tabs>
|
|
|
|
|
|
<!-- Icons right of text -->
|
|
<ion-tabs tabbar-icons="right" no-navbar>
|
|
<ion-tab tab-title="Recents" tab-icon="call"></ion-tab>
|
|
<ion-tab tab-title="Favorites" tab-icon="heart"></ion-tab>
|
|
<ion-tab tab-title="Settings" tab-icon="settings"></ion-tab>
|
|
</ion-tabs>
|
|
|
|
|
|
<!-- Icons left of text -->
|
|
<ion-tabs tabbar-icons="left" no-navbar>
|
|
<ion-tab tab-title="Recents" tab-icon="call"></ion-tab>
|
|
<ion-tab tab-title="Favorites" tab-icon="heart"></ion-tab>
|
|
<ion-tab tab-title="Settings" tab-icon="settings"></ion-tab>
|
|
</ion-tabs>
|
|
|
|
<!-- No icons -->
|
|
<ion-tabs tabbar-icons="hide" no-navbar>
|
|
<ion-tab tab-title="Recents" tab-icon="call"></ion-tab>
|
|
<ion-tab tab-title="Favorites" tab-icon="heart"></ion-tab>
|
|
<ion-tab tab-title="Settings" tab-icon="settings"></ion-tab>
|
|
</ion-tabs>
|
|
|
|
<!-- No overflow text -->
|
|
<ion-tabs no-navbar>
|
|
<ion-tab tab-title="Indiana Jones and the Raiders of the Lost Ark"></ion-tab>
|
|
<ion-tab tab-title="Indiana Jones and the Temple of Doom"></ion-tab>
|
|
<ion-tab tab-title="Indiana Jones and the Last Crusade"></ion-tab>
|
|
</ion-tabs>
|
|
|
|
|
|
<!-- primary color tabbar -->
|
|
<ion-tabs no-navbar tabbar-style="primary">
|
|
<ion-tab tab-icon="call"></ion-tab>
|
|
<ion-tab tab-icon="heart"></ion-tab>
|
|
<ion-tab tab-icon="settings"></ion-tab>
|
|
</ion-tabs>
|