React Image Upload Dialog

React based image upload dialog component.

Click here for demo.

Installation

Install the package from npm:

npm install --save @j154004/react-image-upload-dialog

Usage

import ImageUploadDialog from '@j154004/react-image-upload-dialog';

Props

|Name|Type|Default|Description| |---|---|---|---| |open|boolean||Show or hide the Dialog component.| |onCancel|function||Callback fired when "Cancel" button is clickedSignature:function(e: SyntheticEvent) => void| |onUpload|function||Callback fired when "Upload" button is clickedSignature:function(dialogState: Object) => voiddialogState: Object containing the accepted, rejected, alternativeText and title keys from the component state.|

CSS API

You can override all the class names using the classes prop with the following keys:

|Name|Description| |---|---| |textField|Styles applied to the TextField components.| |dropzone|Styles applied to the Dropzone component.| |imageMetadata|Styles applied to the ImageMetadata component.|