Upload to the cloud, literally: particles rise into the cloud while files upload, and the cloud fills with the progress.
"use client"
import { CloudDropzone } from "@/components/cloud-dropzone"
export default function CloudDropzoneExample() {
return (
<div className="w-full max-w-md">
<CloudDropzone />
</div>
)
}
Installation
npx shadcn@latest add @uploadcn/cloud-dropzoneUsage
import { CloudDropzone } from "@/components/cloud-dropzone"<CloudDropzone maxSize={100 * 1000 * 1000} />The fill is an SVG clip path driven by useUploadProgress.
Props
Prop
Type