uppy/packages/@uppy/dashboard
Evgenia Karunus d47ed39d6f Ie11 filecard preview fix (#1718)
* @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.
2019-07-10 16:27:40 +02:00
..
src Ie11 filecard preview fix (#1718) 2019-07-10 16:27:40 +02:00
types typescript: fix uppy package use with allowSyntheticImports: false 2019-04-01 11:47:52 +02:00
LICENSE Move Dashboard to @uppy/dashboard. 2018-06-14 16:31:19 +02:00
package.json Dashboard performance improvements (#1671) 2019-07-02 18:25:53 +03:00
README.md docs: update webpack homepage URLs 2019-03-04 13:43:37 +01:00

@uppy/dashboard

Uppy logo: a superman puppy in a pink suit

Build Status

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

Read the docs | Try it

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.

License

The MIT License.