Tab View

Tab View Horizontal

Tab View Vertical

Tab View in Settings

Unity has built-in TabView, why make a new one?

The built-in TabView has a problem, the buttons to change tabs are un-interactable VisualElements instead of interactable buttons.

Plus, we have added InputPrompts to navigate between tabs on gamepads.

Attributes

Tab View Inspector

AttributeDescription
HorizontalHorizontal if true, vertical otherwise.
Button ColorInactive buttons' color.
Button Color SelectedActive button's color.
Active TabIndex of active tab.

Usage

Tab View Layout

1 - Drag and drop custom TabView to your Hierarchy

Tab View Usage 1

2 - Drag and drop default Tab to the TabView

Tab View Usage 2

3 - Configure Tab and add content inside it

Tab View Usage 3

Tab View Usage 4

Custom Tab Component

Built-in Tab component is easier to use but it doesn't allow customization of Tab-Button.

Custom Tab component allows you to add any element to Tab-Button content via VisualTreeAsset.

Custom Tab

Custom Tab 2

Settings

Theme

Light

Contrast

Material

Dark

Dim

Material Dark

System

Sidebar(Light & Contrast only)

Light
Dark

Font Family

DM Sans

Wix

Inclusive Sans

AR One Sans

Direction

LTR
RTL