Usage

Props: useDropzone

NameTypeRequiredDefaultDescription
maxFileNumber
number
false

Maximum number files to the dropzone is allowed. All files above the limit will be rejected.

since

10.19.0

maxFileSize
number
false

Maximum file size (in bytes)

since

10.19.0

minFileSize
number
false

Minimum file size (in bytes)

since

10.19.0

value
any[]
false

Array of already selected items

since

10.19.0

Props: Dropzone

NameTypeRequiredDefaultDescription
className
string
false
since

10.19.0

disabled
boolean
true

Enable/disable the dropzone

default

false

since

10.19.0

dragError
string
true

Error message if dragged files is rejected {{ type: DropErrorType, title: string, message: string }}

since

10.19.0

dropErrortrue

Error message if dropped files is rejected {{ type: DropErrorType, title: string, message: string }}

since

10.19.0

inputPropsfalse

Additional props for input element

since

10.19.0

isIconVisible
boolean
false

NOTICE:
true - will make Icon always visible, despite the component height
false - will make Icon always hide, despite the component height
undefined - will look on the component height to decide show or hide Icon

since

10.19.0

multiple
boolean
true

Allow drag 'n' drop (or selection from the file dialog) of multiple files

default

false

since

10.19.0

qafalse
since

10.19.0

rootPropsfalse

Additional props for dropzone element

since

10.19.0

tooltip
ReactNode
false

Dropzone tooltip content

since

10.19.0

contentRenderer
Function
false

Render prop to specify a custom dropzone body message

since

10.19.0

dispatchDropError
Function
true

Sets dropError. {'(error: DropErrorType) => void'}

since

10.19.0

Basic

Icon

Disabled

Single File Select

Multiple Files Select

Accept Specific File type

Custom Content