Compact Attach

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

Attach supporting documents

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

Import & use

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

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

More Upload pieces

+20

Recent uploads24 items

upload20

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

upload6

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

board-deck.pdfAnyone with the link · Viewer

beste.co/share/Kq91-2Xa

Expires in 7 days

upload28

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

keynote-rehearsal.mp4Paused · 212 MB left

upload16

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

Paste an image from your clipboardScreenshot, copy, and press the shortcut to drop it here.

⌘+V

upload11

Dashed panel encouraging a paste gesture, with a tinted clipboard tile and ⌘V hint chip.

Change profile photo

upload5

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