mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
ae6e140fbf
Closes #229. Closes #236 Squashed commit of the following: commit f566321e54937b8d31a8d1f85948ab5d984b9e37 Author: mhartington <mikehartington@gmail.com> Date: Fri Oct 2 11:03:50 2015 -0400 feat(ionTabs): organize code and clean font sizes commit 9ee1e28f0b01e9e195bc24a65066a57d66e5ec50 Author: mhartington <mikehartington@gmail.com> Date: Fri Oct 2 10:51:36 2015 -0400 feat(ionTabs): move scss to tabs.scss commit 3eba74c27c8eefe6e61f8f3ac12742edb7181772 Author: mhartington <mikehartington@gmail.com> Date: Thu Oct 1 16:23:37 2015 -0400 feat(ionTabs): add test commit 34f61431d41283fc8e5ed2f64e0874659072660b Author: mhartington <mikehartington@gmail.com> Date: Thu Oct 1 16:13:05 2015 -0400 feat(ionTabs): reuse tabBarIcons commit 8c6f0edb17bcc6ff0c5f8b7be66f2be8a6775d48 Author: mhartington <mikehartington@gmail.com> Date: Thu Oct 1 15:56:29 2015 -0400 feat(ionTabs): hide tab icon for md
70 lines
1.9 KiB
HTML
70 lines
1.9 KiB
HTML
|
|
<!-- Text -->
|
|
<ion-tabs>
|
|
<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>
|
|
<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>
|
|
<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 tab-bar-icons="bottom">
|
|
<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 tab-bar-icons="right">
|
|
<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 tab-bar-icons="left">
|
|
<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 tab-bar-icons="hide">
|
|
<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>
|
|
<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>
|
|
|
|
|
|
<style>
|
|
ion-tabs {
|
|
height: auto;
|
|
border-top: 1px solid gray;
|
|
}
|
|
</style>
|