uppy/packages/@uppy/dashboard
Artur Paikin f9e9702166
UI: Use form attribite with a form in doc root to prevent outer form submit (#4283)
* Use form attribite with a form in doc root to prevent outer form submit

* Fix Unsplash a11y bug — don't focus on hidden links

* Combine search and filter into one SearchFilterInput component for Unsplash

* Refactor Browser and ProviderView

* Refactor FileCard to hooks

* Finish SearchFilterInput, add reset labels and no results copy, better styles

* don't use debounce for now

* combine useEffects, named export, extract RenderMetaFields component

* inputCSSClassName --> inputClassName

* Remove typo

* 🤦

* Patch Preact to work with Jest

* tabs vs spaces

---------

Co-authored-by: Antoine du Hamel <duhamelantoine1995@gmail.com>
2023-03-30 14:04:55 +01:00
..
src UI: Use form attribite with a form in doc root to prevent outer form submit (#4283) 2023-03-30 14:04:55 +01:00
types @uppy/dashboard: add dashboard:show-panel event (#4108) 2022-09-15 10:24:02 +02:00
CHANGELOG.md Release: uppy@3.6.1 (#4348) 2023-03-07 11:37:58 +00:00
LICENSE Move Dashboard to @uppy/dashboard. 2018-06-14 16:31:19 +02:00
package.json Release: uppy@3.6.1 (#4348) 2023-03-07 11:37:58 +00:00
README.md doc: update bundler recommendation (#3763) 2022-05-23 19:41:37 +02:00

@uppy/dashboard

Uppy logo: a superman puppy in a pink suit

npm version CI status for Uppy tests CI status for Companion tests CI status for browser tests

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

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 Transloadits 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.