A widget showing toasts above its content.
<picture> <source srcset="toast-overlay-dark.png" media="(prefers-color-scheme: dark)"> <img src="toast-overlay.png" alt="toast-overlay"> </picture>
Much like gtk.overlay.Overlay, adw.toast_overlay.ToastOverlay is a container with a single main child, on top of which it can display a class@Toast, overlaid. Toasts can be shown with adw.toast_overlay.ToastOverlay.addToast.
See class@Toast for details.
toastoverlay ├── [child] ├── toast ┊ ├── widget ┊ │ ├── [label.heading] │ ╰── [custom title] ├── [button] ╰── button.circular.flat
adw.toast_overlay.ToastOverlay'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.
adw.toast_overlay.ToastOverlay uses the GTK_ACCESSIBLE_ROLE_TAB_GROUP role.
A widget showing toasts above its content.
<picture> <source srcset="toast-overlay-dark.png" media="(prefers-color-scheme: dark)"> <img src="toast-overlay.png" alt="toast-overlay"> </picture>
Much like gtk.overlay.Overlay, adw.toast_overlay.ToastOverlay is a container with a single main child, on top of which it can display a class@Toast, overlaid. Toasts can be shown with adw.toast_overlay.ToastOverlay.addToast.
See class@Toast for details.
CSS nodes
adw.toast_overlay.ToastOverlay'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
adw.toast_overlay.ToastOverlay uses the GTK_ACCESSIBLE_ROLE_TAB_GROUP role.