You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
-`selectedIndex` now enables controlled mode, which disables internal management of the active tab. If you were using `selectedIndex` to set the initial displayed tab use `defaultIndex`
30
-
- No styles do get added by default anymore. If you want to use the default styles you need to add them yourself. See README.
31
31
- Support for bower package manager was removed.
32
+
- Removed deprecated default export of tabs:
33
+
34
+
```js
35
+
// 0.8
36
+
importReactTabsfrom'react-tabs';
37
+
38
+
<ReactTabs.Tabs></ReactTabs.Tabs>
39
+
40
+
// in 1.0
41
+
import { Tabs } from'react-tabs';
42
+
43
+
<Tabs></Tabs>
44
+
```
45
+
46
+
- Removed jsstylesheet dependency and removed default style from javascript. If you want to use the default styles you can use one of the supported methods (see [README.md](https://github.com/reactjs/react-tabs#styling))
47
+
- The default class names were all lowercased and separated by hyphen, but still follow BEM methodology. E.g. `ReactTabs` -> `react-tabs`, `ReactTabs__TabPanel--selected` -> `react-tabs__tab-panel--selected`
32
48
33
49
#### New Features
34
50
35
-
-`selectedTabPanelClassName` was added to add `<Tabs />` to change the class name of the current selected TabPanel
36
-
-`defaultIndex` was added to set the initial displayed tab
37
51
- New static method to reset the id counter for isomorphic apps. Call this before rendering your application on the server.
38
52
39
53
```js
@@ -58,14 +72,30 @@ resetIdCounter();
58
72
</Tabs>
59
73
```
60
74
61
-
#### Bug Fixes
75
+
- Introduce controlled and uncontrolled mode. This two modes allow either to control the tabs from your component from the outside or leave the control to the tabs within react-tabs components. (see [README.md](https://github.com/reactjs/react-tabs#controlled-vs-uncontrolled-mode) for more information)
76
+
- New prop `selectedTabPanelClassName` on `<Tabs />` to change the class name of the current selected tab panel.
77
+
- New prop `defaultIndex` on `<Tabs />` to allow setting the initial displayed tab.
78
+
- New prop `forceRender` on `<TabPanel />` to allow force rendering of individual tab panels.
79
+
- New prop `selectedClassName` on `<TabPanel />` to allow changing selected class name of individual tab panels.
80
+
- New prop `selectedClassName` on `<Tab />` to allow changing selected class name of individual tabs.
81
+
- New prop `disabledClassName` on `<Tab />` to allow changing disabled class name of individual tabs.
82
+
- Property `className` on all components can now officially take an array as argument.
83
+
- PropTypes are now wrapped in `if(process.env.NODE_ENV === 'production') Component.propTypes = { ... }` in order to allow removing if proptypes in production builds.
84
+
85
+
#### Documentation
62
86
63
-
-
87
+
- Rewrite README.md
88
+
- Change ReactDOM.render to render (#163) (Gerard Banasig)
89
+
- Add NPM package badge (#164) (Hum4n01d)
64
90
65
91
#### Internal
66
92
67
-
- Refactor components to use native classes
93
+
- Refactor components to use native classes (#134) (LeoAJ)
68
94
- Refactor to not use react-dom and remove dependency on it
0 commit comments