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.
Below tab content:

Use the keyboard or the mouse to switch tabs.
Hello
Settings
More
Advanced
Before tab content:

Hello
Settings
More
Advanced
Use the keyboard or the mouse to switch tabs.
After tab content:

Hello
Settings
More
Advanced
Use the keyboard or the mouse to switch tabs.
Above tab content (rounded corners):

Hello
Settings
More
Advanced
Use the keyboard or the mouse to switch tabs.
Before tab content (rounded corners):

Hello
Settings
More
Advanced
Use the keyboard or the mouse to switch tabs.
Event Log