Upload stats on rolling digits: files, megabytes and percent tick over like an odometer.
"use client"
import { useUploader } from "@uploadcn/react"
import { useSampleFiles } from "@/examples/_demo"
import { UploadOdometer } from "@/components/upload-odometer"
export default function UploadOdometerExample() {
const uploader = useUploader({})
useSampleFiles(uploader, "documents")
return (
<div className="w-full max-w-md">
<UploadOdometer uploader={uploader} />
</div>
)
}
Installation
npx shadcn@latest add @uploadcn/upload-odometerUsage
import { UploadOdometer } from "@/components/upload-odometer"<UploadOdometer maxFiles={50} />Digits are decorative (aria-hidden); a visually hidden copy of each value is read instead.
Props
Prop
Type