Photos drop onto the table like polaroids, with a spring, a tilt, and a lift on hover.
"use client"
import { useUploader } from "@uploadcn/react"
import { demoAdapter, useSampleFiles } from "@/examples/_demo"
import { PolaroidUpload } from "@/components/polaroid-upload"
export default function PolaroidUploadExample() {
const uploader = useUploader({
adapter: demoAdapter,
accept: "image/*",
maxFiles: 8,
})
useSampleFiles(uploader, "images")
return <PolaroidUpload uploader={uploader} />
}
Installation
npx shadcn@latest add @uploadcn/polaroid-uploadUsage
import { PolaroidUpload } from "@/components/polaroid-upload"<PolaroidUpload maxFiles={8} />Each photo gets a stable tilt derived from its id, so re-renders never make it jump.
Props
Prop
Type