Drop Upload

Tweak every prop, watch the callbacks fire and copy the exact DropUpload snippet for your app.

Start from a preset

Configuration

Locale

Instruction labeldefault

Allowed formats (examples)2 selected

Allowed formats label

Max filesunlimited

Max file size2 MB

Min file sizeno limit

Variant

Upload trigger

Starts as soon as the file passes validation

Force upload errorEvery upload breaks part-way through, so you can see the error state and retry

Accent colorBlue

Discard delay700 ms long press

Stacked file listShow only the newest file, pile up the restAuto-hide drop areaCollapse once a file is attachedSpotlight effectHover light while draggingSmoke on dropPuff of smoke where the file landsDebug modeShow native input + console logs

375 px

Drop your files here or click to browse

image files or MP4. Max: 2 MB

Uploads on this page are simulated — your files stay in the browser and are never sent anywhere. Wire an uploadAdapter to upload for real: see Uploading.

LocaleENFormats2 allowedFilesanyMax2 MBMin—ListlistAccentBlueThemesystem

Configuration

Language & copy

File validation

Behavior & UI