Welcome UI - FileDrop

10.0.1

Overview

Props

FileDrop

{ 'image/*': [], } (default)

Pass a comma-separated string of file types e.g. "image/png" or "image/png,image/jpeg"

deleteButtonText

Delete (default)

string

editButtonText

Edit (default)

string

fileName

string

forceFileType

audio

video

image

handleAddFile

(event: CreateEvent | DropEvent) => void

handleRemoveFile

(event: CreateEvent | DropEvent) => void

isClearable

Boolean

isEditable

Boolean

isLoading

Boolean

name

string

onBlur

FocusEventHandler<HTMLDivElement> & (() => void)

onChange

FormEventHandler<HTMLDivElement> & ((event: CreateEvent | DropEvent) => void)

onError

ReactEventHandler<HTMLDivElement> & ((event?: string) => void) & ((err: Error) => void)

value

Required

string

FileWithPreview

wordings

WordingsType

Pass an object with optional fields title, hint, fileButtonText and/or previewButtonText (string or JSX.Element)