Cover Uploader

Gradient banner placeholder that prompts a cover image with size hint and inset dashed border.

Add a cover imageRecommended 1600 × 600, up to 4 MB

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

Import & use
import { Upload6 } from "@/components/beste/piece/upload6";

<Upload6
  title="Add a cover image"
  hint="Recommended 1600 × 600, up to 4 MB"
  action="Upload"
/>

More Upload pieces

View all Upload
Image Preview
brand-hero.jpg2400 × 1600 · 1.4 MB

Image Preview

upload18

Uploaded-image card with a dashed crop overlay on a gradient placeholder and rotate, crop, delete tools below.

Image Row
brand-hero.jpg2400 × 1600 · 1.4 MB

Image Row

upload23

Compact image file row with a square warm gradient preview and a filename plus dimensions line.

Attach supporting documents

Compact Attach

upload3

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

campaign-edit-01.mov184 MB of 312 MB · 12.4 MB/s
59%10s left

Upload Progress

upload12

Single-file upload row with size counter, live speed, pause and cancel controls, and a gradient bar.

Drag files to uploador click to browse your device

Drop Zone

upload2

Dashed upload surface centered on a cloud icon, with headline, subtitle, and a select button.

brand-guidelines.pdf12.4 MB · 68%

File Upload Card

upload1

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