File Uploader

Creates a dropzone for file uploads.

When to use

- Enable file(s) upload through drag and drop or the system Browse files dialog.

Examples

File uploader basic usage
Drop files here to upload
or
File upload with error
Drop files here to upload
or
File upload with unknown progress
Drop files here to upload
or
File uploader in disabled state
Drop files here to upload
or
File uploader with overrides
Drop files here to upload
or

Overrides

Additionally, you can fully customize any part of the File Uploader through the overrides prop. The File Uploader consists of multiple sub-components that are listed bellow and you can override each one of them. To help you identify the names of these sub-components, you can highlight them through this selector:

Drop files here to upload
or
Something went wrong. Sorry!