Formats Drop Zone

Upload prompt that lists accepted formats as mono pills beside a size-limit caption.

Upload artwork

PNGJPGSVGWebP

Up to 10 MB

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

Import & use

import { Upload8 } from "@/components/beste/piece/upload8";

<Upload8
  title="Upload artwork"
  formats={[
    "PNG",
    "JPG",
    "SVG",
    "WebP"
  ]}
  limit="Up to 10 MB"
  action="Browse files"
/>

More Upload pieces

View all Upload

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.

Import member records

Drop a CSV or browse — we map the fields

members_export_2026.csv72%

Import Dropzone Card

upload32

A dashed dropzone with an upload chip and hint, over a single file row with a live progress bar.

+20

Recent uploads24 items

Upload Stack

upload20

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

board-deck.pdfAnyone with the link · Viewer

beste.co/share/Kq91-2Xa

Expires in 7 days

Share Link

upload28

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

Drop to uploadRelease anywhere in this area

Drag Over State

upload4

Highlighted drop surface tinted sky with a pulsing wash, download chip, and release-to-upload cue.

Attach supporting documents

Compact Attach

upload3

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