A button that displays the number of class@TabView pages.

<picture> <source srcset="tab-button-dark.png" media="(prefers-color-scheme: dark)"> <img src="tab-button.png" alt="tab-button"> </picture>

adw.tab_button.TabButton is a button that displays the number of pages in a given adw.tab_view.TabView, as well as whether one of the inactive pages needs attention.

It's intended to be used as a visible indicator when there's no visible tab bar, typically opening an class@TabOverview on click, e.g. via the overview.open action name:

<object class="AdwTabButton">
  <property name="view">view</property>
  <property name="action-name">overview.open</property>
</object>

CSS nodes

adw.tab_button.TabButton has a main CSS node with name tabbutton.

Accessibility

adw.tab_button.TabButton uses the gtk.types.AccessibleRole.Button role.