Click the dashed area to simulate an upload; remove it with ×.
Input
File upload
A dashed area where you drop a file or click to choose one, with progress shown.
When to use it
- Uploading résumés, images and documents
- Files may be large, so people need to know how far along it is
When not to
- Accepting one small avatar: a plain "Choose file" button is enough
- Not stating allowed formats and sizes, so people upload and are then rejected
What to tell an AI tool
Add a file upload area: drag and drop or click to choose, show the file name and a progress bar while uploading, allow removal when done, and state accepted formats and the size limit under it.