Merge pull request mui#1691 from felipeptcho/master

[Tabs] Added tabTemplate property in Tabs component for custom tab templates.
tyfoo · Oct 28, 2015 · eb3d232 · eb3d232
2 parents 9ccc4e1 + 470c23f
commit eb3d232
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/docs/src/app/components/pages/components/tabs.jsx b/docs/src/app/components/pages/components/tabs.jsx
@@ -55,6 +55,12 @@ export default class TabsPage extends React.Component {
             header: 'optional',
             desc: 'Override the inline-styles of the tab-labels container.',
           },
+          {
+            name: 'tabTemplate',
+            type: 'ReactClass',
+            header: 'optional',
+            desc: 'Override the default tab template used to wrap the content of each tab element.',
+          },
           {
             name: 'value',
             type: 'string or number',

diff --git a/src/tabs/tabs.jsx b/src/tabs/tabs.jsx
@@ -20,6 +20,7 @@ const Tabs = React.createClass({
     initialSelectedIndex: React.PropTypes.number,
     inkBarStyle: React.PropTypes.object,
     tabItemContainerStyle: React.PropTypes.object,
+    tabTemplate: React.PropTypes.func,
   },
 
   //for passing default theme context to children
@@ -36,6 +37,7 @@ const Tabs = React.createClass({
   getDefaultProps() {
     return {
       initialSelectedIndex : 0,
+      tabTemplate: TabTemplate,
     };
   },
 
@@ -85,6 +87,7 @@ const Tabs = React.createClass({
       style,
       tabWidth,
       tabItemContainerStyle,
+      tabTemplate,
       ...other,
     } = this.props;
 
@@ -118,7 +121,7 @@ const Tabs = React.createClass({
         }
 
         tabContent.push(tab.props.children ?
-          React.createElement(TabTemplate, {
+          React.createElement(tabTemplate, {
             key: index,
             selected: this._getSelected(tab, index),
           }, tab.props.children) : undefined);