mirror of
https://github.com/transloadit/uppy.git
synced 2026-07-18 00:55:35 +00:00
be66c47deb
* types: stronger typings * Remove remaining `declare module` things for uppy.use * Format types standard-style-like * Add `target` properties to plugin typings * Add type for `replaceTargetContent` option * xhr-upload: allow lowercase method * opt in to stricter typechecks * use the strictly typed version in all typings tests * endtoend: use strict types in typescript test * Add some comments to the typings file so IDEs will warn about untyped use() * informer: remove obsolete option from typings * react: generate prop types based on actual options types * react: update types * react: fix import in typings test * companion-client: add `pluginId` property to ProviderOptions type Co-Authored-By: Ifedapo .A. Olarewaju <ifedapoolarewaju@gmail.com> * core: remove some `any` types * *: add locale string types * *: generate locale typings * core: fix LocaleStrings<> type * dashboard: add locale string type tests * tus: inherit options typings from tus-js-client * transloadit: add missing options types * ci: do the required build steps before testing typings * Support TokenStorage in types, add `title?: string` options * form: update typings * types: put TokenStorage type in dependents * Document Uppy.StrictTypes * if we pin at least we should use the latest * Allow document.querySelector I think it's a eslint-plugin-compat bug that it's marking querySelector as not available in Android Chrome 78. Co-authored-by: Ifedapo .A. Olarewaju <ifedapoolarewaju@gmail.com> |
||
|---|---|---|
| .. | ||
| 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.