ObjectUIComponentsFeedback
Sonner
Toast notifications using Sonner library
The Sonner component provides beautiful toast notifications with a rich API.
Basic Usage
Basic Sonner Toast
Toast Types
Success
Error
Warning
Info
With Action
Toast With Action
Schema
interface SonnerSchema {
action: 'sonner';
message: string; // Toast message
description?: string; // Additional description
type?: 'default' | 'success' | 'error' | 'warning' | 'info';
duration?: number; // Auto-close duration (ms)
// Action
action?: {
label: string;
onClick: string | ActionConfig;
};
}