Shadcn.io is not affiliated with official shadcn/ui
Promise Toast with Data
A Sonner promise toast that uses resolved promise data in the success message for personalized feedback
Generic success messages are boring—use the data you just fetched! This React promise toast with data interpolation personalizes success messages. Built with Sonner and shadcn/ui, the success callback receives promise data—perfect for user creation confirmations, record updates, search results, API responses, data mutations, or any async operation where showing specific details (names, IDs, counts) in the success message provides better feedback than generic confirmation messages.
Promise Toast with Data preview
Installation
Related Components
Basic Promise Toast
Simple promise toast with static messages
Promise Toast with Error
Promise toast with custom error formatting
Loading Toast
Standalone loading toast
Success Toast
Success notification toast
Form
Form with submission handling
Toast with Action Button
Toast with action button
FAQ
Was this page helpful?
Sign in to leave feedback.