react-responsive-tabs - npm Package Compare versions

Comparing version 0.3.2 to 0.3.3

lib/components/Tabs.js

@@ -92,3 +92,3 @@ 'use strict';
       (0, _jsStylesheet2.default)(_style2.default);
-      this._setTabsWidth();
+      setTimeout(this._setTabsWidth, 0);
     }
@@ -247,4 +247,3 @@ }, {
         case 'tab':
-          return (0, _classnames2.default)({
-            Tab: true,
+          return (0, _classnames2.default)('Tab', this.props.tabClass, {
             'Tab--first': !tabIndex,
@@ -256,4 +255,3 @@ 'Tab--selected': selected,
         case 'panel':
-          return (0, _classnames2.default)({
-            'Tab-panel': true,
+          return (0, _classnames2.default)('Tab-panel', this.props.panelClass, {
             'Tab-panel--selected': selected,
@@ -307,7 +305,9 @@ 'Tab-panel--collapsed': collapsed
       var panels = _getTabs2.panels;
+      var wrapperClass = _getTabs2.wrapperClass;
 
+      var wrapperClasses = (0, _classnames2.default)('Tabs__wrapper', wrapperClass);
 
       return _react2.default.createElement(
         'div',
-        { className: 'Tabs__wrapper', ref: 'tabsWrapper', onKeyDown: this._onKeyDown },
+        { className: wrapperClasses, ref: 'tabsWrapper', onKeyDown: this._onKeyDown },
         panels.reduce(function (result, panel) {
@@ -349,3 +349,6 @@ if (tabsVisible[panel.key]) {
   transform: _react.PropTypes.bool,
-  transformWidth: _react.PropTypes.number
+  transformWidth: _react.PropTypes.number,
+  wrapperClass: _react.PropTypes.string,
+  tabClass: _react.PropTypes.string,
+  panelClass: _react.PropTypes.string
 };
@@ -356,3 +359,6 @@
   transform: true,
-  transformWidth: 800
+  transformWidth: 800,
+  wrapperClass: '',
+  tabClass: '',
+  panelClass: ''
 };

package.json

 {
   "author": "Vitalii Maslianok <[e-mail]> (https://github.com/maslianok)",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "bugs": {
@@ -5,0 +5,0 @@ "url": "https://github.com/maslianok/react-responsive-tabs/issues"

README.md

@@ -82,3 +82,12 @@ #React responsive tabs
 
+#### wrapperClass
+(String) Wrapper class
+
+#### tabClass
+(String) Tab class
+
+#### panelClass
+(String) Tab panel class
+
 ### License
 MIT

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

35031

increased by1.29%

Lines of code

723

increased by0.84%

Number of lines in readme file

93

increased by10.71%

No dependency changes