Resume Upload

Interrupted-upload card with an amber state, half-filled bar, resume byte offset, and a Resume button.

design-archive.zipInterrupted 4 minutes ago
42%
Resume from 132 MB

New here? Read the installation guide.

Import & use
import { Upload21 } from "@/components/beste/piece/upload21";

<Upload21
  filename="design-archive.zip"
  interruptedAt="Interrupted 4 minutes ago"
  percent={42}
  resumeFrom="Resume from 132 MB"
/>

More Upload pieces

View all Upload
keynote-rehearsal.mp4Paused · 212 MB left

Upload Paused

Paused-upload row with an amber Resume button and a static amber progress track matching the state.

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.

project-handoff.zip42 files · 248 MBCompressed from 612 MB · 59% smaller

Archive Bundle

Zip bundle card with an amber archive tile, file count, compressed savings line, and a Download button.

brand-guidelines.pdf12.4 MB · 68%

File Upload Card

File tile with icon, name, size, and an inline progress bar.

Attach supporting documents

Compact Attach

Single-line upload affordance with a paperclip icon, prompt copy, and a trailing browse button.

Video Preview
0:42
launch-teaser.mp454 MB

Video Preview

Uploaded-video card with a play button over a dark thumb, duration badge, and a filename footer.

Markdown version