Skip to main content

Variable: AdwButtonContent

const AdwButtonContent: "AdwButtonContent"

Defined in: generated/jsx.ts:13964

A helper widget for creating buttons.

button-content

AdwButtonContent is a box-like widget with an icon and a label.

It's intended to be used as a direct child of Gtk.Button, Gtk.MenuButton or SplitButton, when they need to have both an icon and a label, as follows:

<object class="GtkButton">
  <property name="child">
    <object class="AdwButtonContent">
      <property name="icon-name">document-open-symbolic</property>
      <property name="label" translatable="yes">_Open</property>
      <property name="use-underline">True</property>
    </object>
  </property>
</object>

AdwButtonContent handles style classes and connecting the mnemonic to the button automatically.

CSS nodes​

buttoncontent
╰── box
    ├── image
    ╰── label

AdwButtonContent's CSS node is called buttoncontent. It contains a box subnode that serves as a container for the image and label nodes.

When inside a GtkButton or AdwSplitButton, the button will receive the .image-text-button style class. When inside a GtkMenuButton, the internal GtkButton will receive it instead.

Accessibility​

AdwButtonContent uses the GTK_ACCESSIBLE_ROLE_GROUP role.