Skip to content

ToastHost

ToastHost(__namedParameters): ReactElement<{ ref: RefObject<OverlayRootWidget | null>; }, string | JSXElementConstructor<any>> | null

Defined in: react/components/overlay/toast-host.tsx:113

Renders the active toasts as a stacked, non-modal overlay pinned to a screen corner. Mount it once near the root of your app; raise toasts from anywhere with the toast façade (or useToast).

It never steals focus and lets clicks pass through to the UI beneath, except on a toast itself — clicking a toast dismisses it. Toasts auto-dismiss after their duration (errors stay until dismissed).

<ToastHost position="top-right" />
// elsewhere:
toast.success("Saved");

ToastHostProps

ReactElement<{ ref: RefObject<OverlayRootWidget | null>; }, string | JSXElementConstructor<any>> | null