Tabs

First

Second

Third

One

import { Tabs, TabSection } from "rfui-package";

#Basic

First

Second

Third

One

<Tabs>
  <TabSection tabName="First">One</TabSection>
  <TabSection tabName="Second">Two</TabSection>
  <TabSection tabName="Third">Three</TabSection>
</Tabs>

#Full width

Set fullWidth to true. Defaults to false.

First

Second

Third

One

<Tabs fullWidth>
  <TabSection tabName="First">One</TabSection>
  <TabSection tabName="Second">Two</TabSection>
  <TabSection tabName="Third">Three</TabSection>
</Tabs>

#Initial active tab

Set initialActiveTabName to the tabName of the TabSection that you want to display when the component loads.

First

Second

Third

Two

<Tabs initialActiveTabName="Second">
  <TabSection tabName="First">One</TabSection>
  <TabSection tabName="Second">Two</TabSection>
  <TabSection tabName="Third">Three</TabSection>
</Tabs>

#Props

Prop	Required	Default	Type and notes
`fullWidth`	-	`false`	`boolean`
`initialActiveTabName`	-	-	`string`
`children`		-	`ComponentChild`

`TabSection`

Prop	Required	Default	Type and notes
`tabName`		-	`string`
`children`		-	`ComponentChild`