Tabs

OneTwoThree

import { Tabs,TabSection } from "rfui";

#Basic

OneTwoThree

<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.

OneTwoThree

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

#Initial active tab

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

OneTwoThree

<Tabs initialActiveTab="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`
`initialActiveTab`	-	-	`string`
`children`	✔	-	`ComponentChild`

`TabSection`

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