🚀 GA Toasts - Best JavaScript Toast Notifications Library 2024

// Basic toast types (title is required)
    GaToasts.success('Operation completed successfully!', { title: 'Success' });
    GaToasts.error('Something went wrong!', { title: 'Error' });
    GaToasts.warning('Please check your input', { title: 'Warning' });
    GaToasts.info('Here is some information', { title: 'Info' });
    GaToasts.show({ 
        type: 'primary', 
        title: 'Primary Notification',
        message: 'Primary notification' 
    });
    GaToasts.show({ 
        type: 'secondary', 
        title: 'Secondary Notification',
        message: 'Secondary notification' 
    });

// Compact toast with status chip and inline link
GaToasts.show({
    title: 'New Message',
    message: 'You have received a new message from John Doe. <a href="#">Open inbox</a>',
    type: 'info',
    duration: 5000,
    compact: true,
    showStatus: true
});

// Success toast with explicit status text
GaToasts.show({
    title: 'Deployed',
    message: 'Your changes are live.',
    type: 'success',
    compact: true,
    showStatus: true,
    statusText: 'Production'
});

// Variants and sizes (title is required)
GaToasts.show({
    title: 'Filled Variant',
    message: 'Filled variant toast',
    type: 'success',
    variant: 'filled'
});

GaToasts.show({
    title: 'Light Variant',
    message: 'Light variant toast',
    type: 'info',
    variant: 'light'
});

GaToasts.show({
    title: 'Small Toast',
    message: 'Small toast',
    type: 'warning',
    size: 'sm'
});

GaToasts.show({
    title: 'Large Toast',
    message: 'Large toast with more content',
    type: 'primary',
    size: 'lg'
});

// Animation effects (title is required)
GaToasts.show({
    title: 'Fade Animation',
    message: 'Fade animation',
    type: 'info',
    animation: 'fade'
});

GaToasts.show({
    title: 'Slide Animation',
    message: 'Slide animation',
    type: 'success',
    animation: 'slide'
});

GaToasts.show({
    title: 'Bounce Animation',
    message: 'Bounce animation',
    type: 'warning',
    animation: 'bounce'
});

// Add custom effects after creation
const toast = GaToasts.show({ 
    title: 'Custom Effect',
    message: 'Custom effect', 
    type: 'info' 
});
toast.addClass('ga-toast-shake');

// Position control (title is required)
GaToasts.show({
    title: 'Positioned Toast',
    message: 'Toast at specific position',
    type: 'info',
    position: 'top-center'
});

// Available positions:
// top-start, top-center, top-end
// middle-start, middle-center, middle-end  
// bottom-start, bottom-center, bottom-end

// Theme control
document.documentElement.setAttribute('data-ga-theme', 'dark');

// Available themes:
// 'light' - Light theme
// 'dark' - Dark theme  
// 'system' - Follows system preference

// Progress and timing options (title is required)
GaToasts.show({
    title: 'Progress Toast',
    message: 'Toast with progress bar',
    type: 'info',
    progress: true,
    duration: 5000,
    progressPosition: 'bottom'
});

GaToasts.show({
    title: 'Top Progress',
    message: 'Progress bar at the top edge',
    type: 'primary',
    progress: true,
    duration: 4000,
    progressPosition: 'top'
});

GaToasts.show({
    title: 'No Auto Close',
    message: 'No auto close',
    type: 'warning',
    duration: 0,
    closable: true,
    progressPosition: 'none'
});

GaToasts.show({
    title: 'Click to Close',
    message: 'Click to close',
    type: 'info',
    clickToClose: true
});

// Toast management (title is required)
// Show multiple toasts
for (let i = 1; i <= 3; i++) {
    GaToasts.info(`Toast ${i}`, { title: `Info ${i}` });
}

// Update existing toast
const toast = GaToasts.show({
    id: 'updateable-toast',
    title: 'Initial Toast',
    message: 'Initial message',
    type: 'info'
});

setTimeout(() => {
    GaToasts.update('updateable-toast', {
        title: 'Updated Toast',
        message: 'Updated message!',
        type: 'success'
    });
}, 2000);

// Management methods
GaToasts.closeAll();
GaToasts.clear('error'); // Clear only error toasts
const count = GaToasts.getCount();