1.1.65 • Published 2 years ago
react-tabz v1.1.65
React Tabz
###Demo Link for demo
install
npm i react-tabz
import * as React from 'react';
import {Tab} from "react-tabz";
const headings = ["First Tab Heading", "Second Tab Heading"];
<Tab headings={headings}
className="yourClassForTabComponent"
tabItemClassName="someClassForContentPanel"
tabSeparatorClassName="YourClassNameForTabSeparator">
<div /*tabItemClassName class will be here */ >Tab panel content 1</div>
<div>Tab panel content 2</div>
</Tab>
You can disable separator, in case that you want create it by pure CSS
<Tab headings={headings}
useSeparator={false}>
<div>Tab panel content 1</div>
<div>Tab panel content 2</div>
</Tab>
Tab props
Tab.propTypes = {
headings: PropTypes.arrayOf(PropTypes.string),
children: PropTypes.arrayOf(PropTypes.element.isRequired),
className: PropTypes.string,
tabItemClassName: PropTypes.string,
tabSeparatorClassName: PropTypes.string,
onTabChange: PropTypes.func
};
TabItem props
TabItem.propTypes = {
text: PropTypes.string,
checked: PropTypes.bool,
onClick: PropTypes.func,
className: PropTypes.string
};
TabSeparator props
TabSeparator.propTypes = {
className: PropTypes.string
};
Tab.defaultProps = {
useSeparator: true
};
1.1.65
2 years ago
1.1.64
2 years ago
1.1.63
4 years ago
1.1.62
4 years ago
1.1.61
4 years ago
1.1.59
5 years ago
1.1.58
5 years ago
1.1.57
5 years ago
1.1.55
5 years ago
1.1.54
5 years ago
1.1.53
5 years ago
1.1.52
5 years ago
1.1.51
5 years ago
1.1.5
5 years ago
1.1.4
5 years ago
1.1.3
5 years ago
1.1.2
5 years ago
1.1.1
5 years ago
1.1.0
5 years ago
1.0.25
5 years ago
1.0.24
5 years ago
1.0.23
5 years ago
1.0.22
5 years ago
1.0.20
5 years ago
1.0.15
5 years ago
1.0.14
5 years ago
1.0.13
5 years ago
1.0.12
5 years ago
1.0.11
5 years ago
1.0.10
5 years ago
1.0.82
5 years ago
1.0.81
5 years ago
1.0.8
5 years ago
1.0.7
5 years ago
1.0.6
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago