react-ui-tabs

React UI Tabs Component

Demo

Install

npm install --save react-ui-tabs

Usage

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>
    );
};

Tab props

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