Sonner

import { toast } from 'sonner';

toast('Event has been created', {
  description: 'Sunday, December 03, 2023 at 9:00 AM',
  action: {
    label: 'Undo',
    onClick: () => console.log('Undo'),
  },
});

toast.error('An error occurred.');

toast.success('Operation was successful.');

toast.info('Here is some information.');

toast.warning('This is a warning.');