diff --git a/ionic/components/tabs/tabs.js b/ionic/components/tabs/tabs.js
index 1d082d89b2..b05b1cdc2d 100644
--- a/ionic/components/tabs/tabs.js
+++ b/ionic/components/tabs/tabs.js
@@ -13,6 +13,7 @@ import {TabButton} from './tab-button';
 import {Icon} from '../icon/icon';
 import {IonicComponent} from '../../config/component';
 import {ModeComponent} from '../../config/component';
+import {Config} from '../../config/component';
 
 
 @ModeComponent({
@@ -21,6 +22,10 @@ import {ModeComponent} from '../../config/component';
     'tabBarPlacement',
     'tabBarIcons'
   ],
+  hostProperties: {
+    'tabBarPlacement': 'attr.tab-bar-placement',
+    'tabBarIcons': 'attr.tab-bar-icons'
+  },
   classId: 'tabs'
 })
 @View({
@@ -51,6 +56,13 @@ export class Tabs extends ViewController {
   ) {
     super(viewCtrl, compiler, elementRef, loader, injector);
     this.item = item;
+    Config(this, {
+      'tabBarPlacement': {
+        'default': 'bottom',
+        'android': 'top',
+        'ios': 'bottom'
+      }
+    });
   }
 
   addTab(tabItem) {
diff --git a/ionic/config/component.js b/ionic/config/component.js
index 1e8a8e9a08..1a8c182e63 100644
--- a/ionic/config/component.js
+++ b/ionic/config/component.js
@@ -10,6 +10,13 @@ let platformMode = Platform.getMode();
 // BackButton.config.bind.icon.value = 'ion-chevron-right'
 // BackButton.config._computeDefaultValue(BackButton.config.bind.icon)
 
+export function Config(instance, config){
+  //todo: user config
+  for (var setting in config) {
+    instance[setting] = config[setting][platformMode];
+  }
+}
+
 export class ModeComponent extends Component {
   constructor(config) {
     config.hostAttributes = config.hostAttributes || {};