File Upload

Compare surfaces and exercise progress, error, reject, and Formily validation outside docs cards.

Surfaces

Button + list

Dropzone

Click or drag files to this area

Support for images and PDF. Max size is enforced client-side when set.

Click anywhere in the dashed area — whole zone is the trigger.

Custom dropzone content

Drop files to attach

Fully custom children — Ant Dragger override model

dropzoneContent replaces icon + title + hint; zone click still opens the dialog.

Programmatic open()

Click or drag files to this area

Zone is drop-only — use Select files (Mantine openRef pattern).

Picture card

Ant Pictures Wall — tile grid + add tile; hover for preview/remove.

Avatar

Single circular avatar — defaults to maxCount=1.

Slow upload (progress)

Four-second simulated upload — watch the progress bar.

Fail + retry

Upload fails after a short delay; use retry on the row.

maxCount = 2

Only two files allowed — a third selection is rejected inline.

Type & size gates

PNG only, max 1 KB — try a JPEG or a larger file for the inline alert.