Shadcn.io is not affiliated with official shadcn/ui
Error Toast
A Sonner error toast notification with red X icon for alerting users to failures and problems requiring attention
Something went wrong is the worst message—what went wrong? This React error toast alerts users to failures. Built with Sonner and shadcn/ui, toast.error shows red styling with X icon—perfect for API failures, validation errors, network problems, permission denials, failed uploads, timeout errors, or any operation that failed and needs user awareness, potential retry, or action to resolve the problem instead of silently failing.
Error Toast preview
Installation
Related Components
Default Toast
Neutral toast without semantic styling
Success Toast
Success notification with green styling
Promise Toast with Error
Promise toast with error formatting
Toast with Action Button
Toast with retry action
Destructive Alert
Destructive alert component
Form Validation
Form with validation errors
FAQ
Was this page helpful?
Sign in to leave feedback.