About

rjs-tabs is a tabs component for react web apps.

Getting Started

Install with npm: npm i rjs-tabs Install with yarn yarn add rjs-tabs

Include in your project

import Tabs from 'rjs-tabs/Tabs';

<Tabs
tabs={[{label:'Tab One',tab:<TabOne/>},{label:'Tab Two',tab:<TabTwo/>},{label:'Tab Three',tab:<TabThree/>}]}
whenActive={{color:"#FF55FF", fontWeight:'bold',textDecoration:'underline'}}
whenInActive={{color:"green",fontWeight:"bold"}}
labelContainer={{display:'flex', width:300}}
tabContainer={{height:'auto', width:300,padding:3}}
type={'classic'}
/>

Props

Props	Details	Examples
tabs	array of objects	[{label:'Tab One',tab:},{label:'Tab Two',tab:},{label:'Tab Three',tab:}]
whenActive	active style for label	{color:"#FF55FF", fontWeight:'bold',textDecoration:'underline'}
whenInActive	inactive style for label	{color:"green",fontWeight:"bold"}
labelContainer	label row/column style	{display:'flex', width:300}
tabContainer	tab container style	{height:'auto', width:300,padding:3}
type	type of tabs. can be one of: classic or pill	'classic'

Examples