Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Sonner - Non-Dismissible Toast
A Sonner toast that cannot be dismissed by clicking the X button, requiring users to wait for auto-dismiss or interact with action buttons
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
You know those critical notifications users always dismiss without reading? This React non-dismissible toast forces attention. Built with Sonner and shadcn/ui, dismissible set to false removes the close button—perfect for critical warnings, important announcements, required acknowledgments, loading states, countdown timers, or any notification where premature dismissal would cause confusion or missed information and users must see the full message or timeout.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Toast with Action Button
Toast with action requiring acknowledgment
Toast with Action and Cancel
Toast with explicit choice buttons
Basic Toast
Standard dismissible toast
Loading Toast
Toast with loading indicator
Alert Dialog
Blocking dialog for critical alerts
Error Toast
Error notification toast
Questions you might have
React Sonner - Toast with Action and Cancel
A Sonner toast with both action and cancel buttons for confirmations requiring explicit yes/no choices directly in the notification
React Sonner - Top Left Position
Toast notification positioned at top-left corner for notifications that shouldn't obscure primary content area