File dropzone · Clay
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 · Clay7 / 20
Pressed-in clay well with a puffy accent icon ball; files are raised pills and progress is a pressed track with a glossy fill.
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