uploods

Describe uploods here.

| Property | Type | Required | Default | | ----------------------------------- | :----: | :------: | :---------------------------------------------: | | onChange | Func | ✔ | - | | containerStyle | Object | | - | | inputStyle | Object | | - | | hideList | Bool | | false | | accept | Array | | ['*'] | | maxSize | Int | | 10 000 kb | | elevation | Int | | 0 | | text | String | | 'Drag some files here or click to select files' | | dragActiveText | String | | 'Drop here!' | | unsupportedText | String | | 'Unsupported File...' |

onChange

A function to be called everytime a file is included (or removed from list) ex: files => console.log('Uploaded files: ',files)

containerStyle

An object containing the style to be applied to component's container, an MUI's Paper.

inputStyle

An object containing the style to be applied to the input

hideList

If true, will hide the files list

accept

An array containg MIME file types accepted. Supports wildcards like image/*

maxSize = 10000

Maximum size accepted for each file, measured in KB.

elevation = 0

Elevation prop passed to the container, an MUI's Paper

text

Text shown in the input while waiting for files.

dragActiveText

Text shown when user is dragging files over the component.

unsupportedText = 'Unsupported File...'

Text shown when a file is rejected (either by file type or size).