mirror of
https://github.com/transloadit/uppy.git
synced 2026-07-18 09:05:55 +00:00
59bfaf0d20
* Update react-dragdrop.md
DragDrop component only accept `uppy` and `locale` props according to the type declared.
```
import { Uppy, Locale } from './CommonTypes';
export interface DragDropProps {
uppy: Uppy;
locale?: Locale;
}
/**
* React component that renders an area in which files can be dropped to be
* uploaded.
*/
declare const DragDrop: React.ComponentType<DragDropProps>;
export default DragDrop;```
* drag-drop: accept a number for width/height
* docs: add back dragdrop props
* docs: use the same option style as previously [skip ci]
Co-authored-by: Renée Kooi <renee@kooi.me>
|
||
|---|---|---|
| .. | ||
| src | ||
| types | ||
| index.js | ||
| index.mjs | ||
| 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
const Uppy = require('@uppy/core')
const { DashboardModal } = require('@uppy/react')
const uppy = 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 --save
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.