Skip to main content
Version: Bleeding Edge 🚧

Tab

Tabs organize content across different screens, data sets, and other interactions.

note

This component is not for (complex) navigation. Use React Navigation for that.

Usage

Import

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

Theme Key

Tab

Basic Tabs

Loading...

Active Tab Items

Loading...

Props

note

Includes all View props.

NameTypeDefaultDescription
containerStyleView StyleStyle for Tab container
disableIndicatorbooleanDisable the indicator below.
indicatorStyleView StyleAdditional styling for tab indicator.
onChange(value: number) => voidFunctionOn Index Change Callback.
scrollablebooleanfalseMakes Tab Scrolling
valuenumberChild position index value.
variantprimary | defaultDefine the background Variant.

Playground

Loading...