ObjectUIObjectUI
ComponentsFeedback

Toast

Brief notification messages that appear temporarily

The Toast component displays brief notifications to users that appear temporarily and then disappear.

Basic Usage

Basic Toast

Variants

Default

Destructive

With Action

Toast With Action

Schema

interface ToastSchema {
  type: 'toast';
  title?: string;                // Toast title
  description?: string;           // Toast message
  variant?: 'default' | 'destructive';
  
  // Action
  actionLabel?: string;           // Action button label
  onAction?: string | ActionConfig;
  
  // Timing
  duration?: number;              // Auto-dismiss time in ms
}

Examples

Success Message

Success Toast

Error Message

Error Toast

With Undo Action

Toast With Undo

On this page