A useful react tabs library


Using tab with component list
#

Installation

``bash
npm install react-tabs-with-components
`




Usage

`javascript
import React from 'react';
import Tabs from 'react-tabs-with-components';

function Tab1() {
return (

)
}

function Tab2() {
return (

Tab2 Content

)
}

const tabs = [
{
title: 'Tab 1',
component: ,
visible: true
},
{
title: 'Tab 2',
component: ,
visible: true
}
];

function App() {
return (

);
}

export default App;

`

Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| deafultValue | int | 0 | Which step will be active at the beginning |
| tabs | array | Required | Component list of steps |


#


Notes

- tabs prop should look like this

`c#
{
title: ,
component: ,
visible: // If true is given, tabs are also shown. If false, the tabs are also hidden.
}
``
- If the tab is closed, only the visible value is false and the tab is not destroyed.

- "visible" value must be true to open closed tab