Skip to main content

Variable: CenterBox

const CenterBox: object

Defined in: react/src/generated/jsx.ts:11271

Arranges three children in a row, keeping the middle child centered as well as possible.

To add children to GtkCenterBox, use [method@Gtk.CenterBox.set_start_widget], [method@Gtk.CenterBox.set_center_widget] and [method@Gtk.CenterBox.set_end_widget].

The sizing and positioning of children can be influenced with the align and expand properties of the children.

GtkCenterBox as GtkBuildable

The GtkCenterBox implementation of the GtkBuildable interface supports placing children in the 3 positions by specifying “start”, “center” or “end” as the “type” attribute of a <child> element.

CSS nodes

GtkCenterBox uses a single CSS node with the name “box”,

The first child of the GtkCenterBox will be allocated depending on the text direction, i.e. in left-to-right layouts it will be allocated on the left and in right-to-left layouts on the right.

In vertical orientation, the nodes of the children are arranged from top to bottom.

Accessibility

Until GTK 4.10, GtkCenterBox used the [enum@Gtk.AccessibleRole.group] role.

Starting from GTK 4.12, GtkCenterBox uses the [enum@Gtk.AccessibleRole.generic] role.

Type Declaration

NameTypeDefined in
CenterWidget"CenterBox.CenterWidget"react/src/generated/jsx.ts:11273
EndWidget"CenterBox.EndWidget"react/src/generated/jsx.ts:11274
Root"CenterBox.Root"react/src/generated/jsx.ts:11272
StartWidget"CenterBox.StartWidget"react/src/generated/jsx.ts:11275