Skip to main content

Variable: AdwTabBar

const AdwTabBar: "AdwTabBar"

Defined in: generated/jsx.ts:20045

A tab bar for TabView.

tab-bar

The AdwTabBar widget is a tab bar that can be used with conjunction with AdwTabView. It is typically used as a top bar within ToolbarView.

AdwTabBar can autohide and can optionally contain action widgets on both sides of the tabs.

When there's not enough space to show all the tabs, AdwTabBar will scroll them. Pinned tabs always stay visible and aren't a part of the scrollable area.

CSS nodes​

AdwTabBar has a single CSS node with name tabbar.

Style classes​

By default AdwTabBar look like a part of an AdwHeaderBar and is intended to be used directly attached to one or used as a ToolbarView toolbar. The .inline style class removes its background, so that it can be used in different contexts instead.

tab-bar-inline