Sonner

A toast notification component for displaying messages to users.

Preview

Usage

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.')

Documentation

Sonner Documentation