Tabs

A set of layered sections of content—known as tab panels—that are displayed one at a time.

Usage

import { Tabs } from "@smartacteam/react-native-ui";

<Tabs.List onChange={setTab} value={tab}>
  <Tabs.Item label='Account' value={'account'}/>
  <Tabs.Item label='User' value={'user'}/>
  <Tabs.Item selected label='Password' value={'password'}/>
</Tabs.List>

Default and Squared

Props

`Tabs.List`

Name	Type	Required	Description
`children`	`React.ReactElement<ItemProps>[]`	Yes	An array of `Tabs.Item` elements. Each child represents a selectable tab.
`value`	`any`	Yes	Currently selected tab value.
`onChange`	`(value: Value) => void`	Yes	Callback fired when a different tab is selected.
`radius_*`	`Radius`	No	Border radius overrides, e.g. `radius_md`, `radius_full`.
(…)	(Inherited)		Props from `BaseSmacStyling`, `ViewProps`.

`Tabs.Item`

Name	Type	Required	Description
`label`	`string`	Yes	Text label of the tab.
`value`	`any`	Yes	Value representing the tab. Used for selection logic.
`selected`	`boolean`	No	Whether the tab is currently selected.
`onSelect`	`(value: Value) => void`	No	Callback to select the tab. Automatically passed from `Tabs.List`.
(…)	(Inherited)		Props from `BaseSmacStyling`, `TouchableOpacityProps`.