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: {}
}
})