Sonner Promise 4 - Loading toast

Pro

Persistent loading toast using the shadcn sonner toast.loading API.

Shadcn Sonner Promise 4 component

Component data

ID
sonner/sonner-promise-4
Access
pro
Created
Oct 5, 2025
Type
example
Libraries
Radix UI, Base UI, React Aria

Sonner Promise 4 component design & features

This sonner example uses the shadcn Sonner component with toast.loading to show an in-progress message. Unlike toast.promise, the loading toast stays until you dismiss or replace it.

Loading sonner components work for long-running jobs, multi-step processing, and cases where you control when the toast resolves.