Components
An animated system-style toast that springs in, holds, then slides out, with success, error, info, and warning variants.
Loading preview...
import { ToastNotification } from "@/components/ui/toast-notification";
export default function Default() {
return (
<div className="flex min-h-[440px] w-full items-center justify-center bg-background p-6">
<div className="relative aspect-video w-full max-w-2xl overflow-hidden rounded-xl border border-border shadow-sm">
<ToastNotification />
</div>
</div>
);
}