Components
A clipboard paste zone that accepts pasted images and files, showing upload progress and success states — ideal for quick screenshot uploads.
Loading preview...
"use client";
import { UploadThingPaste } from "@/components/ui/uploadthing-paste";
export default function Default() {
return (
<div className="flex min-h-[320px] w-full items-center justify-center bg-background p-8">
<div className="w-full max-w-md">
<UploadThingPaste
accept={["image/*"]}
onPaste={(files) => console.log("Pasted:", files)}
onUpload={async (files) => {
await new Promise((resolve) => setTimeout(resolve, 1500));
console.log("Uploaded:", files);
}}
/>
</div>
</div>
);
}