File Uploader

File uploaders allow users to upload content of their own. A file uploader is commonly found in forms, but can also live as a standalone element.

Live Demo

Drag and drop files here or Choose File

File Upload inherits the status properties of Input — none, success, warning, error, loading.

Clearable: File Upload can be set to be clearable

A drag and drop area is same as the form field itself. Files can be clicked and uploaded or they can be dragged and dropped into the form field area.

File Upload can be displayed in large, medium and small sizes.

Uploading one or more files.
Show the process of uploading for the user to identify the file is being uploaded while they wait.
Do not use upload in a modal when multiple files are uploaded.