# goog.ui.TabBar

A goog.ui.TabBar is a subclass of goog.ui.Container, designed to host one or more goog.ui.Tabs. The tabs in the first four tab bars on this demo page were decorated using the default tab renderer. Tabs in the last two tab bars were decorated using the rounded tab renderer (goog.ui.RoundedTabRenderer).

Above tab content:
Hello
Settings
More
Advanced
Use the keyboard or the mouse to switch tabs.
Show/hide the first tab Enable/disable the fourth tab

Below tab content:
Use the keyboard or the mouse to switch tabs.
Hello
Settings
More
Advanced
Show/hide the first tab Enable/disable the fourth tab

Before tab content:
Hello
Settings
More
Advanced
Use the keyboard or the mouse to switch tabs.
Show/hide the first tab Enable/disable the fourth tab

After tab content:
Hello
Settings
More
Advanced
Use the keyboard or the mouse to switch tabs.
Show/hide the first tab Enable/disable the fourth tab

Above tab content (rounded corners):
Hello
Settings
More
Advanced
Use the keyboard or the mouse to switch tabs.
Show/hide the first tab Enable/disable the fourth tab

Before tab content (rounded corners):
Hello
Settings
More
Advanced
Use the keyboard or the mouse to switch tabs.
Show/hide the first tab Enable/disable the fourth tab

Event Log