Skip to content

Commit 2df100b

Browse files
authored
Update CHANGELOG.md
1 parent 97d7091 commit 2df100b

File tree

1 file changed

+12
-0
lines changed

1 file changed

+12
-0
lines changed

CHANGELOG.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,18 @@ import { Tabs } from 'react-tabs';
4545

4646
- 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))
4747
- 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`
48+
- `<TabPanel />` components do not set the inline style `display: none` anymore. Hidding and showing a tab panel is now completely done via css and classnames. If you have your own style for the tabs make sure to add the following rules:
49+
50+
```css
51+
.react-tabs__tab-panel {
52+
display: none;
53+
}
54+
55+
.react-tabs__tab-panel--selected {
56+
display: block;
57+
}
58+
/* If you use custom class names obviously use the class names you set for the tab panels and selected tab panels */
59+
```
4860

4961
#### New Features
5062

0 commit comments

Comments
 (0)