Toast Notification
Toast notifications with success, error, warning, and info variants.
Toast Types
Different types for different contexts
toast.show('Message', { type: 'success' });
Positions
Show toasts in different positions
<toast-notification position="bottom-right"></toast-notification>
Custom Duration
Control how long the toast stays visible
toast.show('Message', { duration: 5000 });
Global Events
Trigger toasts from anywhere via events
document.dispatchEvent(new CustomEvent('toast-notification-show', {
detail: { message: 'Hello!', type: 'success' }
}));