@gtkx/react / AdwTabBar

Variable: AdwTabBar

const AdwTabBar: (props) => ReactNode

Defined in: packages/react/src/generated/compounds.ts:1225

A tab bar for TabView.

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.

Parameters

Parameter	Type
props	AdwTabBarProps

Returns

ReactNode