FileUpload
is a flexible, highly customizable file upload dropzone and list system.
Examples
Direct Upload
Upload files directly with progress simulation using the onUpload callback.
Circular Progress
Render a circular progress indicator instead of a linear one by enabling the circular prop on the ItemProgress component.
Fill Progress
Render a fill progress indicator instead of a linear one by enabling the fill prop on the ItemProgress component.
With Chat Input
Integrate into a chat input for uploading files. For demo the Dropzone is absolutely positioned to cover the entire viewport.
API Reference
FileUpload
Prop
Type
FileUploadDropzone
Prop
Type
FileUploadTrigger
Prop
Type
FileUploadList
Prop
Type
FileUploadItem
Prop
Type
FileUploadItemPreview
Prop
Type
FileUploadItemMetadata
Prop
Type
FileUploadItemProgress
Prop
Type
FileUploadItemDelete
Prop
Type
FileUploadClear
Prop
Type
How is this guide?