Compact Attach

Attach supporting documents
About this piece

Compact Attach

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

Usage

The import and the props worth knowing about, in one place.

import { Upload3 } from "@/components/beste/piece/upload3";

<Upload3
  label="Attach supporting documents"
  action="Browse"
/>

More Upload pieces

View all Upload
+20
Recent uploads24 items

Upload Stack

Compact upload summary with four overlapping thumbnails, a +N overflow tile, and a total item count.

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

Cover Uploader

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

Drag files to uploador click to browse your device

Drop Zone

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

board-deck.pdfAnyone with the link · Viewer
beste.co/share/Kq91-2Xa
Expires in 7 days

Share Link

Share-ready card with a file header, a joined copy-URL row in mono, and an expiry caption beneath.

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

Image Row

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

Profile photo
Change profile photo

Avatar Uploader

Circular avatar with a dark camera button on the corner that invites a new profile photo.