File Upload
The FileUpload component is responsible for creating a dropzone/upload button and configuration file selection options.
FileUploadProps
| Prop | Type | Required | Default | Description |
|---|
children | ReactNode | — | — | — |
description | ReactNode | — | — | — |
dropZoneHeight | string | number | — | — | — |
dropZonePaddingBottom | string | number | — | — | — |
dropZonePaddingTop | string | number | — | — | — |
inlineDropZone | boolean | — | — | — |
onFilesRejected | (fileRejections: FileRejection[]) => void | — | — | — |
onFilesSelected | (files: File[]) => void | Yes | — | — |
title | ReactNode | — | — | — |
windowDropZone | boolean | — | — | — |
Also accepts FileInputProps |
FileRejectionProps
| Prop | Type | Required | Default | Description |
|---|
errors | FileError[] | Yes | — | — |
file | File | Yes | — | — |
FilesProps
| Prop | Type | Required | Default | Description |
|---|
children | ReactNode | — | — | — |
orientation | horizontal|vertical
| — | horizontal | — |
FileProps
| Prop | Type | Required | Default | Description |
|---|
invalidMessage | string | — | — | — |
loading | boolean | — | — | — |
name | string | Yes | — | — |
onOpenClick | () => void | — | — | — |
onRemoveClick | () => void | — | — | — |