Sonner Promise 1 - Basic promise toast

Pro

Promise toast using the shadcn sonner toast.promise API.

Shadcn Sonner Promise 1 component

Component Data

  • ID:sonner/sonner-promise-1
  • Access:pro
  • Created:Oct 5, 2025
  • Type:example

Sonner Promise 1 component design & features

This sonner example uses the shadcn Sonner component with toast.promise to track an async request from loading through success or error. The toast updates in place as the promise resolves.

Promise sonner components are the right choice for data loads, imports, and other async work where users need a loading state and a final result.