Toasts
5 components
Basic Toast Examples
A comprehensive toast demonstration component showcasing basic toast notifications with different configurations including simple messages, icons, and descriptions. Features interactive buttons to trigger various toast types with usage examples and customizable display options. Perfect for demonstrating toast functionality, user feedback systems, and notification implementations using Sonner.
Status Toast Examples
Status toast demonstration component showcasing different toast types (success, error, warning, info) with semantic colors and appropriate icons. Features interactive buttons for each status type with consistent styling and messaging patterns. Perfect for user feedback systems, notification implementations, and error handling.
Interactive Toast Examples
Interactive toast demonstration component showcasing toasts with action buttons, confirmations, retry mechanisms, and user interactions. Features single and multiple action buttons, delete confirmations with cancel options, retry functionality with async operations, and comprehensive user interaction patterns. Perfect for complex user workflows, confirmation dialogs, file operations, and error handling with retry logic.
Loading & Progress Toast Examples
Loading and progress toast demonstration component showcasing different loading states and progress indicators. Features promise-based loading with automatic state handling, incremental progress updates with visual feedback, simple loading-to-success transitions, and download progress simulation with realistic increments. Perfect for async operations, file uploads/downloads, long-running processes, and providing users with clear feedback during operations.
Custom & Rich Content Toast Examples
Custom and rich content toast demonstration component showcasing advanced styling and complex layouts. Features custom themed toasts with branded styling, persistent notifications that don't auto-dismiss, and rich content toasts with custom components, avatars, badges, and embedded actions. Perfect for premium features, social notifications, email previews, system updates, and complex user interactions requiring enhanced visual presentation.