Property to Change the Dropzone Icon

[nabsta-eth]

How do I change the icon to use the CloudUploadOutlined icon in the dropzone for consistency within my app? Maybe introduce a prop for it?

[Yuvaleros]

What would you think would be a good solution here? a property that receives a path? or maybe it should receive a Material UI icon component?

[max-carroll]

well you could have it passed in as a prop, and because you will want to set the classes on it you can probably pass those in as props using React.createElement

const icon = React.createElement(this.props.customIcon, { className: classes.uploadIconSize }); |

DropzoneArea.defaultProps = {
...
customIcon: CloudUploadIcon

and have the default props as CloudUploadIcon , just an idea,

This would also cater for a scenario for if they want to use and Svg Icon or a font awesome Icon,

[panz3r]

Hi @max-carroll ,

Thanks for your suggestion, currently there's an open PR #110 implementing this feature as you suggested.

I'll review it as soon as possible.

[max-carroll]

Ahh I've already implemented it on my side, didn;t realise that 🤣, ill review