Playground

Change any prop, watch every callback fire, and copy the code it writes for you.

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 attached

Drag effect

Spotlight 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 here are simulated. Your files stay in the browser and are never sent anywhere. To upload for real, pass an uploadAdapter, as shown in Uploading.

LocaleENFormats2 allowedFilesanyMax2 MBMinnoneListlistAccentBlueThemedark

Configuration

Language & copy

File validation

Behavior & UI