# 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