diff --git a/src/components/Tabs.js b/src/components/Tabs.js
index 1076c0364a..07dca722c3 100644
--- a/src/components/Tabs.js
+++ b/src/components/Tabs.js
@@ -13,6 +13,7 @@ const MODE_UNCONTROLLED = 1;
export default class Tabs extends Component {
static defaultProps = {
+ usePanel: true,
defaultFocus: false,
forceRenderTabPanel: false,
selectedIndex: null,
@@ -23,6 +24,7 @@ export default class Tabs extends Component {
static propTypes = {
children: childrenPropType,
+ usePanel: PropTypes.bool,
direction: PropTypes.oneOf(['rtl', 'ltr']),
className: PropTypes.oneOfType([
PropTypes.string,
diff --git a/src/components/UncontrolledTabs.js b/src/components/UncontrolledTabs.js
index 4933a1f53f..7aa3012ebb 100644
--- a/src/components/UncontrolledTabs.js
+++ b/src/components/UncontrolledTabs.js
@@ -43,12 +43,14 @@ function determineCanUseActiveElement(environment) {
}
export default class UncontrolledTabs extends Component {
static defaultProps = {
+ usePanel: true,
className: 'react-tabs',
focus: false,
};
static propTypes = {
children: childrenPropType,
+ usePanel: PropTypes.bool,
direction: PropTypes.oneOf(['rtl', 'ltr']),
className: PropTypes.oneOfType([
PropTypes.string,
@@ -359,6 +361,7 @@ export default class UncontrolledTabs extends Component {
// Delete all known props, so they don't get added to DOM
const {
children, // unused
+ usePanel,
className,
disabledTabClassName, // unused
domRef,
diff --git a/src/components/__tests__/Tabs-test.js b/src/components/__tests__/Tabs-test.js
index 66e86f726d..4fe22d1730 100644
--- a/src/components/__tests__/Tabs-test.js
+++ b/src/components/__tests__/Tabs-test.js
@@ -392,6 +392,17 @@ describe('