Skip to main content
Version: 4.0.0-rc.7

Tab.Item

They are individual item of the parent Tab. They are clickable and allows users to click and change Tab.

Usage

Import

import { Tab } from '@rneui/themed';

Theme Key

TabItem

Active Tab Items

<Tab.Item
containerStyle={(active) => ({
backgroundColor: active ? "red" : undefined,
})}
>
Tab
</Tab.Item>

Props

note

Includes all Button props.

NameTypeDefaultDescription
activebooleanAllows to define if TabItem is active.
buttonStyleViewStyle or (active: boolean) => ViewStylenoneAdditional button style
containerStyleViewStyle or (active: boolean) => ViewStylenoneAdditional Styling for button container.
densebooleannoneDense Tab Item
iconContainerStyleViewStyle or (active: boolean) => ViewStyleAdditional Styling for Icon Component container.
titleStyleTextStyle or (active: boolean) => TextStylenoneAdditional button title style
variantprimary | defaultDefine the background Variant.