Sonner Interactive 6 - Update toast by ID

Pro

Update one sonner toast in place by passing the same id to later toast calls.

Shadcn Sonner Interactive 6 component

Component data

ID
sonner/sonner-interactive-6
Access
pro
Created
Aug 19, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Sonner Interactive 6 component design & features

This sonner example uses the shadcn Sonner component and reuses a toast id to update one toast from loading through later steps to success. The message changes in place instead of opening a new toast.

Update-by-id sonner components fit multi-step work such as exports, uploads, and installs where users should see progress on a single notification.