Components
A button that triggers a promise-based Sonner toast, showing loading, success, and error states for async actions like syncing data.
Loading preview...
import ToastComponent from "@/components/ui/toast8";
import { Toaster } from "sonner";
export default function DefaultDemo() {
return (
<div className="flex min-h-64 w-full items-center justify-center bg-background text-foreground">
<ToastComponent />
<Toaster />
</div>
);
}