React Smart Tab

#### The awesome react tab component for ReactJS


React Smart Tab is a React component library for easy implementation of tab interface.

> If you think it is cool, you should also check it's sibling jQuery Smart Tab

+ Homepage
+ Documentation
+ Demos
+ GitHub Issues

Screenshots
-----
!jQuery Smart Tab pills

!jQuery Smart Tab dark vertical

!jQuery Smart Tab default

!jQuery Smart Tab brick

Installation
-----

$3

``bash
npm install react-smarttab --save
`

$3

`bash
yarn add react-smarttab
`

Features
-----

+ Responsive design
+ Standalone CSS
+ Bootstrap compatible
+ Various themes included
+ Customizable CSS
+ Supports all modern browsers
+ Easy to implement
+ Callback event support

Usage
-----

`jsx
import React from 'react'

import { Tabs, TabNav, TabNavItem, TabContent, TabPanel } from 'react-smarttab'
import 'react-smarttab/dist/index.css'

const App = () => {

return (


Tab 1
Tab 2
Tab 3
Tab 4




Tab 1 Content


Tab 2 Content


Tab 3 Content


Tab 4 Content



)
}

export default App
`

Please see the documentation for more details on implementation and usage.

##### Optional parameters

Please see the parameter descriptions for more details.

`jsx
import React from 'react'

import { Tabs, TabNav, TabNavItem, TabContent, TabPanel } from 'react-smarttab'
import 'react-smarttab/dist/index.css'

const App = () => {

return (
tabName='tab1'
selected='0'
theme='dark'
orientation='horizontal
justified='true'
enableURLhash={true}
onLeaveTab={(currentIndex, nextIndex) => { console.log("leaveTab", currentIndex, nextIndex) }}
onShowTab={(e) => { console.log("showTab", e) }}
>

Tab 1
Tab 2
Tab 3
Tab 4




Tab 1 Content


Tab 2 Content


Tab 3 Content


Tab 4 Content



)
}

export default App
``

License
----
MIT License

Contribute
----
If you like the project please support with your contribution.

Donate on Paypal

Thank you and Happy Coding!