/react-tab-basic

Tab basic for Reactjs, no style

Primary LanguageTypeScriptMIT LicenseMIT

React tab basic

Installation

Get the latest version by NPM:

$ npm install react-tab-basic

Get the latest version by yarn:

$ yarn add react-tab-basic

Usage

Components

Import Tabs and Tab components:

import { Tabs, Tab } from 'react-tab-basic';

And render them like this:

<Tabs defaultActiveKey="tab1">
  <Tab activeKey="tab1" title="Tab 1">
    <Component />
  </Tab>
  <Tab activeKey="tab2" title="Tab 2">
    <Component />
  </Tab>
</Tabs>

Attribute:

<Tabs defaultActiveKey="tab1">
  <Tab activeKey="tab1" title="Tab 1" variant="Class name for tab head">
    <Component />
  </Tab>
  <Tab activeKey="tab2" title="Tab 2" contentClassName="Class name for content">
    <Component />
  </Tab>
</Tabs>

License

React tab basic are released under the MIT license. © kpwzto