@zendeskgarden/container-tabs
Advanced tools
Comparing version 0.5.16 to 0.5.17
@@ -6,2 +6,10 @@ # Change Log | ||
## [0.5.17](https://github.com/zendeskgarden/react-containers/compare/@zendeskgarden/container-tabs@0.5.16...@zendeskgarden/container-tabs@0.5.17) (2022-03-31) | ||
**Note:** Version bump only for package @zendeskgarden/container-tabs | ||
## [0.5.16](https://github.com/zendeskgarden/react-containers/compare/@zendeskgarden/container-tabs@0.5.15...@zendeskgarden/container-tabs@0.5.16) (2022-02-28) | ||
@@ -8,0 +16,0 @@ |
@@ -73,3 +73,3 @@ /** | ||
var seed = reactUid.useUIDSeed(); | ||
var _useState = React.useState(idPrefix || seed("tabs_" + '0.5.16')), | ||
var _useState = React.useState(idPrefix || seed("tabs_" + '0.5.17')), | ||
_id = _useState[0]; | ||
@@ -87,3 +87,3 @@ var PANEL_ID = _id + "--panel"; | ||
'data-garden-container-id': 'containers.tabs', | ||
'data-garden-container-version': '0.5.16' | ||
'data-garden-container-version': '0.5.17' | ||
}, other); | ||
@@ -146,4 +146,6 @@ }; | ||
vertical: PropTypes__default["default"].bool, | ||
rtl: PropTypes__default["default"].bool, | ||
idPrefix: PropTypes__default["default"].string, | ||
defaultSelectedIndex: PropTypes__default["default"].number, | ||
selectedItem: PropTypes__default["default"].any, | ||
onSelect: PropTypes__default["default"].func | ||
@@ -150,0 +152,0 @@ }; |
@@ -64,3 +64,3 @@ /** | ||
var seed = useUIDSeed(); | ||
var _useState = useState(idPrefix || seed("tabs_" + '0.5.16')), | ||
var _useState = useState(idPrefix || seed("tabs_" + '0.5.17')), | ||
_id = _useState[0]; | ||
@@ -78,3 +78,3 @@ var PANEL_ID = _id + "--panel"; | ||
'data-garden-container-id': 'containers.tabs', | ||
'data-garden-container-version': '0.5.16' | ||
'data-garden-container-version': '0.5.17' | ||
}, other); | ||
@@ -137,4 +137,6 @@ }; | ||
vertical: PropTypes.bool, | ||
rtl: PropTypes.bool, | ||
idPrefix: PropTypes.string, | ||
defaultSelectedIndex: PropTypes.number, | ||
selectedItem: PropTypes.any, | ||
onSelect: PropTypes.func | ||
@@ -141,0 +143,0 @@ }; |
@@ -7,3 +7,5 @@ /** | ||
*/ | ||
export { useTabs, IUseTabsProps, IUseTabsReturnValue } from './useTabs'; | ||
export { TabsContainer, ITabsContainerProps } from './TabsContainer'; | ||
export { useTabs } from './useTabs'; | ||
export type { IUseTabsProps, IUseTabsReturnValue } from './useTabs'; | ||
export { TabsContainer } from './TabsContainer'; | ||
export type { ITabsContainerProps } from './TabsContainer'; |
{ | ||
"name": "@zendeskgarden/container-tabs", | ||
"version": "0.5.16", | ||
"version": "0.5.17", | ||
"description": "Containers relating to tabs in the Garden Design System", | ||
@@ -24,3 +24,3 @@ "license": "Apache-2.0", | ||
"@babel/runtime": "^7.8.4", | ||
"@zendeskgarden/container-selection": "^1.3.16", | ||
"@zendeskgarden/container-selection": "^1.3.17", | ||
"react-uid": "^2.2.0" | ||
@@ -46,3 +46,3 @@ }, | ||
"zendeskgarden:src": "src/index.ts", | ||
"gitHead": "b2203248219805cfb5bc14ef02b11a8ce2506ae1" | ||
"gitHead": "e0eea66256f1f415a2051afc563684dfc9fbe711" | ||
} |
@@ -17,7 +17,10 @@ # @zendeskgarden/container-tabs [![npm version][npm version badge]][npm version link] | ||
For live examples check out our [storybook](https://zendeskgarden.github.io/react-containers?path=/story/tabs-container--usetabs). | ||
This container implements the | ||
[tabs](https://www.w3.org/TR/wai-aria-practices/#tabpanel) design pattern and | ||
can be used to build a tabbed interface. Check out | ||
[storybook](https://zendeskgarden.github.io/react-containers) for live examples. | ||
### useTabs | ||
```jsx static | ||
```jsx | ||
import { useTabs } from '@zendeskgarden/container-tabs'; | ||
@@ -86,3 +89,3 @@ | ||
```jsx static | ||
```jsx | ||
import { TabsContainer } from '@zendeskgarden/container-tabs'; | ||
@@ -89,0 +92,0 @@ |
37460
328
152