Sonner

Code example

import { Toaster, toast } from "sonner";

export function Example() {
  return (
    <>
      <Toaster />
      <button type="button" onClick={() => toast.success("Saved")}>
        Toast
      </button>
    </>
  );
}

Pros & cons

FAQs