File dropzone · Swiss
A drag-and-drop upload area with a browse button, file-type and size validation, a file list with progress and per-file remove or cancel.
Design · Swiss9 / 20
Heavy top rule, huge flush-left title with an NN/NN counter, outlined drop square that inverts to ink, numbered ruled file rows.
Motion
On drag-over the zone rises and scales up with a spring while the upload icon floats; new file rows spring in.
Accent
A drag-and-drop upload area with a browse button, file-type and size validation, a file list with progress and per-file remove or cancel.
uploaddropzonedrag and dropfilesattachmentsprogressinputform