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

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.