Shadcn.io is not affiliated with official shadcn/ui
Toast with Description
Toast notification with title and description providing additional context beyond single message line
A toast title alone often isn't enough—add context with descriptions. This React toast uses Sonner's description option to show a secondary message below the main title. Built with shadcn/ui Button triggering toast function with description property, the two-line format provides event title plus supporting details—perfect for calendar reminders, event confirmations, status updates with timestamps, completed actions with next steps, or any notification where users need both what happened and relevant details in a single dismissible message.
Toast with Description preview
Installation
Related Components
Toast with Custom Icon
Toast with icon indicator for visual context
Toast with Multi-line Content
Toast with longer description text wrapping
Standard Toast
Basic single-line toast notification
Toast with Actions
Toast with action buttons
Info Alert
Alert component for persistent information
Standard Dialog
Modal dialog for detailed interactions
FAQ
Was this page helpful?
Sign in to leave feedback.