Toasts
6 components
Basic Toast Notifications
Basic toast notification component showcasing simple toast configurations with minimal content. Features three toast types: simple message, with icon, and with description. Perfect for applications requiring straightforward notification experiences with clean, minimal design and basic functionality.
Status Toast Notifications
Status toast notification component showcasing different toast types with semantic colors and appropriate icons. Features success, error, warning, and info toasts with consistent styling and messaging patterns. Perfect for applications requiring clear status communication with users.
Interactive Toast Notifications
Interactive toast notification component showcasing toasts with action buttons, confirmations, and user interactions. Features single and multiple action buttons, delete confirmations, and retry functionality with async operations. Perfect for applications requiring user engagement through toast notifications.
Loading & Progress Toast Notifications
Loading and progress toast notification component showcasing different loading states and progress indicators. Features promise-based loading, incremental progress updates, simple loading states, and download progress simulation. Perfect for async operations, file uploads/downloads, and long-running processes.
Custom Styled Toasts
Toast notifications with custom styling, themes, and branding for different contexts. Features premium yellow themes, notification blue themes, persistent toasts with custom actions, and comprehensive styling options. Perfect for applications requiring branded notification experiences with custom visual themes.
Rich Content Toasts
Advanced toast notifications with complex layouts, custom components, and interactive elements. Features social notifications with avatars and action buttons, email notifications with priority badges, and comprehensive interaction handling. Perfect for applications requiring rich notification experiences with user engagement features.