Components
<CldUploadWidget />
Configuration

CldUploadWidget Configuration

Props

Prop NameTypeExample
onErrorfunctionfunction (error, widget) { }
onUploadfunctionfunction (result, widget) { }
optionsobject{ encryption: {...} }
signatureEndpointstring"/api/sign-cloudinary-params.js"
uploadPresetstring"my-upload-preset"

Composing Widget UI

CldUploadWidget uses Render Props to pass options to the widget UI.

To make this work, use a function as the direct child of a CldWidget Instance:

<CldUploadWidget>
  {({ cloudinary, widget, open }) => {
    // UI
  }}
</CldUploadWidget>

The first and only argument is an object that contains instances of cloudinary, the widget, and an open function that controls displaying the Upload Widget UI.