File upload
A drop zone and upload rows with progress, success and error states.
In Figma
Section titled “In Figma”From guidelines/components/empty-state-file-upload.md
Properties, variants and anatomy of the Figma components.
File upload
Section titled “File upload”Drop zone. Hover = dragging a file over it.
Variants: 3
| Property | Type / options |
|---|---|
| Hint | text |
| State | Default · Hover · Disabled |
File upload item
Section titled “File upload item”Uploaded file row with progress.
Variants: 3
| Property | Type / options |
|---|---|
| File name | text |
| State | Uploading · Complete · Error |
File upload
Section titled “File upload”Do
- State the accepted file types and the size limit.
- Show progress and a clear error per file (File upload item).
Forbidden
- Never upload silently without showing the file list.