File Upload

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


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