Add a promise toast

[nonwiz]

I usually use react-hot-toast, there are quite some cool features, for example, you can call the toast, without using useToast. Another main reason is toast can embed the promise, useful for "Loading", "Success", or "Error" states.

[ph1losof]

It would be really nice, I also has faced it

[ph1losof]

Maybe not relevant but if you want toast within the same style I use library called sonner like this

"use client";

import { Toaster as RadToaster } from "sonner";

export function Toaster() {
  return (
    <RadToaster
      position="bottom-right"
      toastOptions={{
        style: {
          background: "hsl(var(--background))",
          color: "hsl(var(--foreground))",
          border: "1px solid hsl(var(--border))",
        },
      }}
    />
  );
}

[lacymorrow]

Sonner has been added to shadcn, this can be closed.