About this piece
Multi-File Queue
Stacked upload list with done, uploading, and failed rows each ending in the matching status icon.
Usage
The import and the props worth knowing about, in one place.
import { Upload13 } from "@/components/beste/piece/upload13";
<Upload13
files={[
{
"filename": "brand-guide.pdf",
"size": "4.2 MB",
"state": "done"
},
{
"filename": "hero-video.mov",
"size": "312 MB",
"state": "uploading",
"percent": 62
},
{
"filename": "logo-dark.svg",
"size": "18 KB",
"state": "done"
},
{
"filename": "pricing.xlsx",
"size": "2.1 MB",
"state": "failed"
}
]}
/>More Upload pieces
View all UploadPreparing upload
album-cover.png2.4 MBQueued
liner-notes.pdf860 KBQueued
session-take-03.mp448 MBQueued
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.
Organize uploads
Brand assets124
Press kit 202638
Product screenshots212
Archive · 202596
Folder List
Reorderable folder list with a drag handle, amber folder icon, and an item-count column on the right.
+20Recent uploads24 items
Upload Stack
Compact upload summary with four overlapping thumbnails, a +N overflow tile, and a total item count.
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.