Sonner

Sonner is a library that provides a toast notification for your application.

Sonner is quite a simple library to use. We chose sonner because it's styling doesn't get in the way and it's easy to use.

Usage

'use client';
import { toast } from 'sonner';
 
function Component() {
  return <button onClick={() => toast('Hello, world!')}>Click me</button>;
}

Shadcn UI

Tailwind CSS