Tab

Tab use each child as tab content
provide tab title into header props as array of string
header length and child have to be the same

head 1head 2head 3
content 1
<Tab
header={["head 1", "head 2", "head 3"]}
activeStyle={{ backgroundColor: "gray" }}
>
<div>content 1</div>
<div>content 2</div>
<div>content 3</div>
</Tab>
copy

API

propstypestatusdefaultdescription
childrenReactNoderequiredNoneEach tab content
headerReactNoderequiredNoneTabbar content
activeStyleCSSPropertiesoptionalNoneActive Tabbar style
styleCSSPropertiesoptionalNoneTabbar style
usageapi