diff --git a/src/components/tabs/extensions/android.scss b/src/components/tabs/extensions/android.scss index ae043e25e1..d1fe74304e 100644 --- a/src/components/tabs/extensions/android.scss +++ b/src/components/tabs/extensions/android.scss @@ -5,12 +5,16 @@ $tab-bar-android-item-padding: 4px 10px !default; $tab-bar-android-active-border-width: 3px !default; $tab-bar-android-active-border-color: red !default; +$tab-bar-android-text-transform: uppercase !default; +$tab-bar-android-text-font-weight: 500 !default; .tabs-android { .tab-bar-item { padding: $tab-bar-item-padding; + text-transform: $tab-bar-android-text-transform; + font-weight: $tab-bar-android-text-font-weight; } .tab-bar .tab-bar-item { diff --git a/src/components/tabs/tabs.js b/src/components/tabs/tabs.js index f936b28e6f..53af21df4d 100644 --- a/src/components/tabs/tabs.js +++ b/src/components/tabs/tabs.js @@ -4,7 +4,9 @@ import {IonicComponent} from 'ionic2/config/component' @Component({ selector: 'ion-tabs', bind: { - placement: 'placement' + placement: 'placement', + tabBarIcons: 'tab-bar-icons', + tabBarText: 'tab-bar-text' } }) @Template({ @@ -17,8 +19,8 @@ import {IonicComponent} from 'ionic2/config/component' class="tab-bar-item" [class.tab-active]="tab.isSelected" (^click)="onClickTabItem($event, tab)"> - - {{tab.title}} + + {{tab.title}} @@ -78,6 +80,14 @@ new IonicComponent(Tabs, { android: 'top', base: 'bottom' } - } + }, + tabBarIcons: { + defaults: { + ios: 'top', + android: 'none', + base: 'top' + } + }, + tabBarText: {} } })