This package has been deprecated

Author message:

This package is no longer maintained

rec-tabs

Tabs component for React written with ES6, SASS and rec-bootstrap.

Screenshoot

Usage

import React            from "react";
import { Tabs, Tab }    from "rec-tabs";
 
ReactDOM.render( (
    <Tabs>
        <Tab title="Title 1">
            Tab 1 content
        </Tab>
 
        <Tab title="Title 2">
            Tab 2 content
        </Tab>
    </Tabs>
), document.getElementById( "app" ) );

You can also use the global variable ReactTabs:

let Tabs = ReactTabs.Tabs;
let Tab  = ReactTabs.Tab;

Component API

Tabs Component

Property	Type	Default	Required	Description
className	Array/Object/String	undefined	✕	Additional classes for <Tabs />
activeTab	Number	0	✕	The default tab active

Tab Component

Property	Type	Default	Required	Description
className	Array/Object/String	undefined	✕	Additional classes for <Tab />
title	String	undefined	✓	Tab title