BalanceReckon Design System

File Upload

The FileUpload component is responsible for creating a dropzone/upload button and configuration file selection options.

FileUploadProps

PropTypeRequiredDefaultDescription
childrenReactNode———
descriptionReactNode———
dropZoneHeightstring | number———
dropZonePaddingBottomstring | number———
dropZonePaddingTopstring | number———
inlineDropZoneboolean———
onFilesRejected(fileRejections: FileRejection[]) => void———
onFilesSelected(files: File[]) => voidYes——
titleReactNode———
windowDropZoneboolean———
Also accepts FileInputProps

FileRejectionProps

PropTypeRequiredDefaultDescription
errorsFileError[]Yes——
fileFileYes——

FilesProps

PropTypeRequiredDefaultDescription
childrenReactNode———
orientation
horizontal|vertical
—horizontal—

FileProps

PropTypeRequiredDefaultDescription
invalidMessagestring———
loadingboolean———
namestringYes——
onOpenClick() => void———
onRemoveClick() => void———