Shadcn.io is not affiliated with official shadcn/ui
Default Toast
A basic Sonner toast notification with default neutral styling for general informational messages
Look, not every notification needs a success checkmark or error icon—sometimes you just need to tell users something happened. This React default toast uses neutral styling. Built with Sonner and shadcn/ui, the basic toast function shows simple messages—perfect for confirmations, status updates, general notifications, activity logs, non-critical feedback, or any message where the semantic meaning is neutral and you do not need success, error, warning, or info variants to convey urgency or outcome.
Default Toast preview
Installation
Related Components
Success Toast
Success notification with green checkmark
Error Toast
Error notification with red styling
Warning Toast
Warning notification with amber styling
Info Toast
Info notification with blue styling
Toast with Action Button
Toast with action button
Alert
Alert component for messages
FAQ
Was this page helpful?
Sign in to leave feedback.