About this piece
Archive Bundle
Zip bundle card with an amber archive tile, file count, compressed savings line, and a Download button.
Usage
The import and the props worth knowing about, in one place.
import { Upload30 } from "@/components/beste/piece/upload30";
<Upload30
surface="card"
bordered={true}
inverted={false}
filename="project-handoff.zip"
totalSize="248 MB"
files={42}
savings="Compressed from 612 MB · 59% smaller"
filesLabel="files"
downloadLabel="Download"
/>More Upload pieces
View all Uploadbrand-guidelines.pdf12.4 MB · 68%
File Upload Card
File tile with icon, name, size, and an inline progress bar.
design-archive.zipInterrupted 4 minutes ago
42%Resume from 132 MB
Resume Upload
Interrupted-upload card with an amber state, half-filled bar, resume byte offset, and a Resume button.
StorageGrowth plan · shared with team
184.2 GB / 250 GB74% used
Storage Usage
Storage overview with an indigo drive tile, used-over-total numbers, and a gradient progress track.
+20Recent uploads24 items
Upload Stack
Compact upload summary with four overlapping thumbnails, a +N overflow tile, and a total item count.
