Skip to main content
Version: Next

Tab

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

Components#

  • Tab.Item They are indivual item of the parent Tab. They are clickable and allows users to click and change Tab. Receives all Button props.

Usage#


Props#

Tab#

Tab.Item#

Reference#

Tab#

disableIndicator#

Disable the indicator below.

TypeDefault
booleanNone

indicatorStyle#

Additional styling for tab indicator.

TypeDefault
View style(Object)None

onChange#

On Index Change Callback.

TypeDefault
(value: number) => voidFunction

value#

Child position index value.

TypeDefault
numberNone

variant#

Define the background Variant.

TypeDefault
"primary" or "default"None

Tab.Item#

active#

Allows to define if TabItem is active.

TypeDefault
booleanNone

variant#

Define the background Variant.

TypeDefault
"primary" or "default"None