mirror of
https://github.com/transloadit/uppy.git
synced 2026-07-26 03:35:19 +00:00
* @uppy/dashboard - factored out and visually nested FileCard scss (Without changing any actual styles) * @uppy/dashboard - positioned image previews well in FileCard.js for IE11 And updated CSS to depend on predictable flexbox logic. * @uppy/dashboard - FileCard.js, ensured Firefox respects flexbox, and fixed border-radius in Safari * @uppy/dashboard - FileCard.js, fixed imports, moved local classes to local css file * @uppy/dashboard - FileCard.js, changed classNames as per the new convention * @uppy/dashboard - FileCard.js, removed unneeded binds * eslint - added the eslint warning for no unused vars * eslint - commented out unused-variables rule It's handy to have nearby, but we don't want to discriminate against all unused variables, sometimes they are expressive. |
||
|---|---|---|
| .. | ||
| src | ||
| types | ||
| LICENSE | ||
| package.json | ||
| README.md | ||
@uppy/dashboard
Dashboard is a universal UI plugin for Uppy:
- Drag and Drop, paste, select from local disk / my device
- UI for Webcam and remote sources: Google Drive, Dropbox, Instagram (all optional, added via plugins)
- File previews and info
- Metadata editor
- Progress: total and for individual files
- Ability to pause/resume or cancel (depending on uploader plugin) individual or all files
Uppy is being developed by the folks at Transloadit, a versatile file encoding service.
Example
const Uppy = require('@uppy/core')
const Dashboard = require('@uppy/dashboard')
const uppy = Uppy()
uppy.use(Dashboard, {
target: 'body',
inline: true
})
Installation
$ npm install @uppy/dashboard --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.