Sonner Content 6 - Toast with close button

Pro

Sonner toast with a close button using the closeButton option.
Shadcn Sonner Content 6 component

Component Data

  • ID:sonner/sonner-content-6
  • Access:pro
  • Created:Aug 19, 2026
  • Type:example

Sonner Content 6 component design & features

This sonner example uses the shadcn Sonner component with closeButton so users can dismiss the toast with an explicit control instead of waiting for the timeout or swiping it away.

Close-button sonner components work for confirmations that should stay readable until the user is done, such as created events or queued jobs.