@uploadcare/react-widget

React Widget

React component for uploadcare widget

This library comes untranspiled

Want to support IE11 → make sure you transpile node_modules.

Install

npm i @uploadcare/react-widget

Usage

import { Widget } from "@uploadcare/react-widget";

<Widget publicKey="demopublickey" />;

Available props

All the props except for the listed below are passed down to the widget. See widget documentation for the details.

value: string

Set a file/group UUID or a CDN link as a value.

<Widget value='9dd2f080-cc52-442d-aa06-1d9eec7f40d1' />
<Widget value='9dd2f080-cc52-442d-aa06-1d9eec7f40d1~12' />
<Widget value={null} />

onFileSelect: (fileInfo: FileInfo) => void

onChange: (fileInfo: FileInfo) => void

FileInfo object is described here

customTabs: {[string]: CustomTabConstructor}

Set a custom tabs for a widget.

Note that we're added fifth argument to the custom tab constructor - uploadcare object. Widget is loaded lazily so you shouldn't import uploadcare-widget directly.

function myTab(container, button, dialogApi, settings, name, uploadcare) {
  ...
}

<Widget customTabs={{ 'custom_tab: myTab }} />

validator

Examples

• Sandbox Demo
• Props
• onChange
• Gatsby