Φ Tab

Primitive: A single tab used in a group in the tab bar component.

Styleguide Link

• Parent: Tab Bar

• Child: Tab - Active Indicator

Properties

Types

• Icon: A tab with the visual being an icon

• Text: A tab with a word(s)

• Icon Top: A text and icon tab with the icon being placed above the text description

• Icon Left: A text and icon tab with the icon being placed to the left of the text description

• Text Scale: The same as Text but with the ability of the Tab to scale its width based on the text content. This is used in tabs that horizontally scroll.

• Icon Left Scale: The same as Icon Left but with the ability of the Tab to scale its width based on the text content. This is used in tabs that horizontally scroll.

Style

• Primary

• Secondary

• Dark

• Light

Status

• On: The tab that has its contents being displayed.

• Off: The inactive tabs

States

• Enabled

• Disabled

• Hover

• Pressed

• Focus