Uploads stacked like notifications. Hover or focus the stack to fan it out; the newest file stays on top.
"use client"
import { useUploader } from "@uploadcn/react"
import { demoAdapter, useSampleFiles } from "@/examples/_demo"
import { UploadStack } from "@/components/upload-stack"
export default function UploadStackExample() {
const uploader = useUploader({ adapter: demoAdapter })
useSampleFiles(uploader)
return <UploadStack uploader={uploader} />
}
Installation
npx shadcn@latest add @uploadcn/upload-stackUsage
import { UploadStack } from "@/components/upload-stack"<UploadStack maxFiles={10} />Collapsed cards beyond the third are inert, so keyboard users never land on a hidden card; focusing the stack expands it.
Props
Prop
Type