Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Sonner - Default Toast
A basic Sonner toast notification with default neutral styling for general informational messages
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
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.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
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