12.9.1

File Upload

This kit provides a drag and drop interface for file uploads. Currently, the kit leverages react-dropzone.

Props

accept: [String] Use this prop to set the list of valid file types
customMessage: [String] Use this prop to set a custom message, replacing the default text
onFilesAccepted: Function The callback function, providing the list of dropped files

Default List of files to upload


Accept only certain types of files


Add a custom message


Add your one accepted files description


Sometimes you may want to create a custom description that is easier for users to read. In this case, you can use the acceptedFilesDescription prop.

Set a file size limit