Files orbit the center while they upload, each with its own progress ring, and land in a tidy row when finished.
"use client"
import { useUploader } from "@uploadcn/react"
import { useSampleFiles } from "@/examples/_demo"
import { OrbitUpload } from "@/components/orbit-upload"
export default function OrbitUploadExample() {
const uploader = useUploader({})
useSampleFiles(uploader, "images")
return <OrbitUpload uploader={uploader} />
}
Installation
npx shadcn@latest add @uploadcn/orbit-uploadUsage
import { OrbitUpload } from "@/components/orbit-upload"<OrbitUpload accept="image/*" />Up to eight files orbit at once; the rest wait in the queue. Orbiting stops with reduced motion.
Props
Prop
Type