mirror of
https://github.com/transloadit/uppy.git
synced 2026-08-01 06:21:35 +00:00
cc5b0154c5
* Only enable singleFile mode when Dashboard tall enough + add centerSingleFile option
* Shorten file name when Dashboard is short 📏
* Center and flex single file, prevent overflows, contain img instead of cover
* White image background looks better
* Fix broken file type icons (shown when no image preview)
* Don't stretch images smaller than container / background
* uppy-c-textInput font-family inherit
* No shadow, retain cover when non-single-file, add paddings
* if preview is available, set white background, otherwise keep violet
* add transparency to the white background
* centerSingleFile --> singleFileFullScreen
|
||
|---|---|---|
| .. | ||
| src | ||
| types | ||
| CHANGELOG.md | ||
| 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
import Uppy from '@uppy/core'
import Dashboard from '@uppy/dashboard'
const uppy = new Uppy()
uppy.use(Dashboard, {
target: 'body',
inline: true,
})
Installation
$ npm install @uppy/dashboard
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.