Skip to content

Commit d6897c8

Browse files
authored
Changelog (#179)
* Update CHANGELOG.md * Update CHANGELOG.md * Update CHANGELOG.md
1 parent e925935 commit d6897c8

File tree

1 file changed

+23
-8
lines changed

1 file changed

+23
-8
lines changed

CHANGELOG.md

Lines changed: 23 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44

55
#### Breaking Changes
66

7-
- `activeTabClassName` was renamed to `selectedTabClassName`
8-
- `selectedTabClassName` and `disabledTabClassName` moved from `<TabList />` to `<Tabs />`
7+
- `activeTabClassName` and `disabledTabClassName` moved from `<TabList />` to `<Tabs />`
8+
- `activeTabClassName` was renamed to `selectedTabClassName` on `<Tabs />`
99
- `className` property on all components now overwrites the default classes instead of adding a second class name
1010

1111
```js
@@ -28,19 +28,34 @@
2828

2929
- `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`
3030
- 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+
- Support for bower package manager was removed.
3132

3233
#### New Features
3334

3435
- `selectedTabPanelClassName` was added to add `<Tabs />` to change the class name of the current selected TabPanel
3536
- `defaultIndex` was added to set the initial displayed tab
36-
- Add function `resetIdCounter` to reset the id-counter for isomorphic apps.
37+
- New static method to reset the id counter for isomorphic apps. Call this before rendering your application on the server.
3738

3839
```js
39-
const reactTabs = require('react-tabs');
40+
import { resetIdCounter } from 'react-tabs';
4041

41-
...
42-
reactTabs.resetIdCounter();
43-
render();
42+
resetIdCounter();
43+
```
44+
45+
- Allows arbitrary components anywhere inside `<TabList>`
46+
- Allow random order of `<TabList />`, `<TabPanel />` and other arbitrary components. The `<TabPanel />` components are matched to the `<Tab />` components in order from top to bottom.
47+
48+
```js
49+
<Tabs>
50+
<TabPanel />
51+
<div />
52+
<TabList>
53+
<Tab />
54+
<Tab />
55+
</TabList>
56+
<span />
57+
<TabPanel />
58+
</Tabs>
4459
```
4560

4661
#### Bug Fixes
@@ -50,7 +65,7 @@ render();
5065
#### Internal
5166

5267
- Refactor components to use native classes
53-
- Refactor to not use react-dom
68+
- Refactor to not use react-dom and remove dependency on it
5469

5570
### 0.8.3 (Apr 19, 2017)
5671

0 commit comments

Comments
 (0)