Upload Error

Failed-upload card with a rose-tinted file row, an alert message in its own box, and a Retry button.

team-retreat.mov612 MB

File exceeds 500 MB upload limit

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Upload15 } from "@/components/beste/piece/upload15";

<Upload15
  filename="team-retreat.mov"
  size="612 MB"
  error="File exceeds 500 MB upload limit"
/>

More Upload pieces

View all Upload

brand-guidelines.pdf12.4 MB · 68%

File Upload Card

upload1

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

brand-guide.pdf4.2 MB

hero-video.mov

logo-dark.svg18 KB

pricing.xlsx2.1 MB

Multi-File Queue

upload13

Stacked upload list with done, uploading, and failed rows each ending in the matching status icon.

design-archive.zipInterrupted 4 minutes ago

42%

Resume from 132 MB

Resume Upload

upload21

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

0:42

launch-teaser.mp454 MB

Video Preview

upload24

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

Q2-forecast-final.xlsx2.1 MB · Uploaded 2 seconds ago

Upload Complete

upload14

Success confirmation row with an emerald border, corner check overlay on the file tile, and an Open button.

Uploading 24 files9.2 MB/s overall

74%

18Done

3Uploading

3Queued

Batch Summary

upload19

Aggregate upload card with a total-files header, a single sky bar, and a done, uploading, queued tally.