About this piece
Drop Zone
Dashed upload surface centered on a cloud icon, with headline, subtitle, and a select button.
Usage
The import and the props worth knowing about, in one place.
import { Upload2 } from "@/components/beste/piece/upload2";
<Upload2
title="Drag files to upload"
subtitle="or click to browse your device"
action="Select files"
/>More Upload pieces
View all UploadUpload artwork
PNGJPGSVGWebP
Up to 10 MBFormats Drop Zone
Upload prompt that lists accepted formats as mono pills beside a size-limit caption.
Drop to uploadRelease anywhere in this area
Drag Over State
Highlighted drop surface tinted sky with a pulsing wash, download chip, and release-to-upload cue.
Import member records
Drop a CSV or browse — we map the fields
members_export_2026.csv72%
Import Dropzone Card
A dashed dropzone with an upload chip and hint, over a single file row with a live progress bar.
Attach supporting documents
Compact Attach
Single-line upload affordance with a paperclip icon, prompt copy, and a trailing browse button.
