mirror of
https://github.com/transloadit/uppy.git
synced 2026-07-21 17:29:43 +00:00
b14d0bd458
This is a release candidate for the following packages: - `@uppy/companion`: 5.0.0 -> 5.0.1 - `@uppy/core`: 4.0.0 -> 4.0.1 - `@uppy/dashboard`: 4.0.0 -> 4.0.1 - `@uppy/drag-drop`: 4.0.0 -> 4.0.1 - `@uppy/drop-target`: 3.0.0 -> 3.0.1 - `@uppy/react`: 4.0.0 -> 4.0.1 - `uppy`: 4.0.0 -> 4.0.1 Co-authored-by: Antoine du Hamel <duhamelantoine1995@gmail.com> |
||
|---|---|---|
| .. | ||
| src | ||
| .npmignore | ||
| CHANGELOG.md | ||
| LICENSE | ||
| package.json | ||
| README.md | ||
| tsconfig.build.json | ||
| tsconfig.json | ||
@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
/** @jsx React */
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() {
const { open } = this.state
return (
<DashboardModal
uppy={uppy}
open={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.