A drafting sheet for architecture, engineering and CAD files: a drawing traces itself line by line as files upload and the title block is stamped approved.
"use client"
import { useUploader } from "@uploadcn/react"
import { demoAdapter, useSampleFiles } from "@/examples/_demo"
import { BlueprintUpload } from "@/components/blueprint-upload"
export default function BlueprintUploadExample() {
const uploader = useUploader({ adapter: demoAdapter })
useSampleFiles(uploader, "drawings")
return (
<div className="flex w-full justify-center">
<BlueprintUpload uploader={uploader} />
</div>
)
}
Installation
npx shadcn@latest add @uploadcn/blueprint-uploadUsage
import { BlueprintUpload } from "@/components/blueprint-upload"<BlueprintUpload project="Riverside Library" />Each line of the drawing takes its share of the progress, so the building is drafted in order. A dashed ghost keeps the sheet readable before anything uploads. The title block lists the latest sheet, file count and size.
It uploads through your adapter like every other component, so it works with S3, R2, Cloudinary, local disk or your own API.
Props
Prop
Type