About this piece
Upload Queue
Three queued files whose progress bars fill one after another, each settling into a green check while the header counts up to all files uploaded.
Usage
The import and the props worth knowing about, in one place.
import { Upload33 } from "@/components/beste/piece/upload33";
<Upload33
files={[
{
"name": "album-cover.png",
"size": "2.4 MB",
"kind": "image"
},
{
"name": "liner-notes.pdf",
"size": "860 KB",
"kind": "document"
},
{
"name": "session-take-03.mp4",
"size": "48 MB",
"kind": "video"
}
]}
/>More Upload pieces
View all Uploadbrand-guide.pdf4.2 MB
hero-video.mov
logo-dark.svg18 KB
pricing.xlsx2.1 MB
Multi-File Queue
Stacked upload list with done, uploading, and failed rows each ending in the matching status icon.
campaign-edit-01.mov184 MB of 312 MB · 12.4 MB/s
59%10s left
Upload Progress
Single-file upload row with size counter, live speed, pause and cancel controls, and a gradient bar.
raw-footage-reel.mp458%
Chunked upload · 16 MB parts9 / 16 done
Chunked Upload
Parallel chunk uploader visualizing 16 part tiles tinted by done, uploading, or pending states.
Uploading 24 files9.2 MB/s overall
74%18Done
3Uploading
3Queued
Batch Summary
Aggregate upload card with a total-files header, a single sky bar, and a done, uploading, queued tally.
