@gtkx/react / AdwSpinner

Variable: AdwSpinner

const AdwSpinner: "AdwSpinner"

Defined in: packages/react/src/generated/jsx.ts:15408

A widget showing a loading spinner.

The size of the spinner depends on the available size, never smaller than 16×16 pixels and never larger than 64×64 pixels.

Use the Gtk.Widget.halign and Gtk.Widget.valign properties in combination with Gtk.Widget.width-request and Gtk.Widget.height-request for fine sizing control.

For example, the following snippet shows the spinner at 48×48 pixels:

<object class="AdwSpinner">
  <property name="halign">center</property>
  <property name="valign">center</property>
  <property name="width-request">48</property>
  <property name="height-request">48</property>
</object>

See SpinnerPaintable for cases where using a widget is impractical or impossible, such as StatusPage.paintable.

CSS nodes

AdwSpinner has a single node with the name image and the style class .spinner.

Accessibility

AdwSpinner uses the Gtk.AccessibleRole.progress-bar role.