A delivery route for shipping manifests, invoices and proof of delivery: a truck carries the files from the warehouse and drops the parcel off on arrival.
"use client"
import { useUploader } from "@uploadcn/react"
import { demoAdapter, useSampleFiles } from "@/examples/_demo"
import { DeliveryUpload } from "@/components/delivery-upload"
export default function DeliveryUploadExample() {
const uploader = useUploader({ adapter: demoAdapter })
useSampleFiles(uploader, "shipping")
return (
<div className="flex w-full justify-center">
<DeliveryUpload uploader={uploader} />
</div>
)
}
Installation
npx shadcn@latest add @uploadcn/delivery-uploadUsage
import { DeliveryUpload } from "@/components/delivery-upload"<DeliveryUpload destination="Warehouse 4" />The truck's position is a spring on the overall percent, and the road markings and wheels only move while it's driving. The status line says where the files are going and when they'll arrive.
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