mirror of
https://github.com/transloadit/uppy.git
synced 2026-07-18 09:05:55 +00:00
390c4fb250
| Package | Version | Package | Version | | ------------------ | ------- | ------------------ | ------- | | @uppy/core | 3.7.1 | @uppy/react-native | 0.5.2 | | @uppy/dashboard | 3.7.1 | uppy | 3.19.1 | | @uppy/react | 3.2.1 | | | - @uppy/react: Revert "@uppy/react: add useUppyState (#4711)" (Artur Paikin / #4789) - @uppy/dashboard: fix(@uppy/dashboard): fix wrong option type in index.d.ts (dzcpy / #4788) - meta: fix build of TypeScript plugins (Antoine du Hamel / #4784) - @uppy/core,@uppy/dashboard,@uppy/react-native: Update Uppy's blue color to meet WCAG contrast requirements (Alexander Zaytsev / #4777) - meta: fix JS2TS script (Antoine du Hamel / #4778) |
||
|---|---|---|
| .. | ||
| src | ||
| types | ||
| CHANGELOG.md | ||
| LICENSE | ||
| package.json | ||
| README.md | ||
@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
import React from 'react'
import Uppy from '@uppy/core'
import { DashboardModal } from '@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}
/>
)
}
// ..snip..
}
Installation
$ npm install @uppy/react
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.