@uppy/react
React component wrappers around Uppy's officially maintained UI plugins.
Uppy is being developed by the folks at Transloadit, a versatile file encoding service.
Example
const Uppy = require('@uppy/core')
const { DashboardModal } = require('@uppy/react')
const uppy = new Uppy()
class Example extends React.Component {
state = { open: false }
render () {
return (
<DashboardModal
uppy={uppy}
open={this.state.open}
onRequestClose={this.handleClose}
/>
)
}
}
Installation
$ npm install @uppy/react
We recommend installing from npm and then using a module bundler such as Webpack, Browserify or Rollup.js.
Alternatively, you can also use this plugin in a pre-built bundle from Transloadit's CDN: Edgly. In that case Uppy
will attach itself to the global window.Uppy
object. See the main Uppy documentation for instructions.
Documentation
Documentation for this plugin can be found on the Uppy website.
License
The MIT License.
1.12.0
Released 2020-04-01
| Package | Version | Package | Version |
|-|-|-|-|
| @uppy/aws-s3 | 1.5.4 | @uppy/robodog | 1.6.0 |
| @uppy/companion | 1.11.1 | @uppy/thumbnail-generator | 1.5.7 |
| @uppy/dashboard | 1.8.0 | @uppy/transloadit | 1.5.4 |
| @uppy/locales | 1.13.0 | @uppy/xhr-upload | 1.5.4 |
| @uppy/react | 1.6.0 | uppy | 1.12.0 |
This release adds the Romanian language, more input validation in Companion, and a way to render custom metadata fields in the Dashboard UI.
- @uppy/companion: validate all client provided upload data. (#2160 / @ifedapoolarewaju)
- @uppy/dashboard: allow custom metadata fields when editing files (#2147 / @galli-leo)
- @uppy/locales: Remove obsolete strings from language files. (894c739 / @goto-bus-stop)
- @uppy/locales: Romanian (ro_RO) language pack added. (#2162 / @akizor)
- @uppy/robodog: Add Facebook and OneDrive to the bundle. (#2165 / @arturi)
- @uppy/transloadit: fix progress with very different Assembly runtimes (#2143 / @agreene-coursera)
- build: Fix locale pack test output (#2153 / @goto-bus-stop)
- docs: Fix fragment URL (#2156 / @ishendyweb)
- docs: document
XHRUpload#validateStatus
option. (#2154 / @goto-bus-stop) - examples: document
npm run build
step. (697ad04 / @goto-bus-stop)