File Upload

The File Upload component allows users to attach and submit files within a workflow.

Large

Choose a file or drag or drop it here.JPEG, PNG, PDF, and MP4 only, up to 50 MB.

Medium

Upload your document.JPEG, PNG, PDF, and MP4 only, up to 50 MB.

Small

File format icon

Avatar

File upload card

spiral-ui.fig

36 KB of 120 KBUploading...

30%

spiral-ui.fig

120 KB of 120 KBCompleted

100%

spiral-ui.fig

0 KB of 120 KBUpload failed

API References

PropTypeDefault

size

"lg""md""sm"

"lg"

title / description / smallTitle / buttonLabel

ReactNode

—

showButton

boolean

true

accept / multiple

string / boolean

—

onFilesSelected

(files: FileList) => void

—

PropTypeDefault

type

FileType

—

size

number

PropTypeDefault

fileName

string

—

fileType

FileType

—

state

"uploading""completed""failed"

"uploading"

progress

number

totalBytes / uploadedBytes

number

—

onDelete / onRetry

() => void

—

PropTypeDefault

src / alt

string

—

onFileSelected

(file: File) => void

—