npm install --save react-ui-tabs
import React from 'react';
import Tabs, { Tab } from 'react-ui-tabs';
const YourComponent = () => {
return(
<Tabs>
<Tab tabName="Tab 1">
Content 1
</Tab>
<Tab tabName="Tab 2">
Content 2
</Tab>
<Tab tabName="Tab 2">
Content 3
</Tab>
</Tabs>
);
};
Option | Component | Type | Description | Required |
---|---|---|---|---|
defaultActiveTabIndex |
Tabs | Number | Initial active tab number. | No |
onTabChange |
Tabs | Function | Tab change handler. Accept active tab number. | No |
tabName |
Tab | String | Text displayed at tab. | Yes |
tabClassName |
Tab | String | Additional className for tab item. | No |