@gtkx/react / AdwToastOverlay

Variable: AdwToastOverlay

const AdwToastOverlay: "AdwToastOverlay"

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

A widget showing toasts above its content.

Much like Gtk.Overlay, AdwToastOverlay is a container with a single main child, on top of which it can display a Toast, overlaid. Toasts can be shown with ToastOverlay.add_toast.

Use ToastOverlay.dismiss_all to dismiss all toasts at once, or Toast.dismiss to dismiss a single toast.

See Toast for details.

CSS nodes

toastoverlay
├── [child]
├── toast
┊   ├── widget
┊   │   ├── [label.heading]
    │   ╰── [custom title]
    ├── [button]
    ╰── button.circular.flat

AdwToastOverlay's CSS node is called toastoverlay. It contains the child, as well as zero or more toast subnodes.

Each of the toast nodes contains a widget subnode, optionally a button subnode, and another button subnode with .circular and .flat style classes.

The widget subnode contains a label subnode with the .heading style class, or a custom widget provided by the application.

Accessibility

AdwToastOverlay uses the Gtk.AccessibleRole.GROUP role.