Kombase
Components

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?

On this page