|
@@ -9,6 +9,8 @@ The `<Dashboard />` component wraps the [`@uppy/dashboard`][] plugin. It only re
|
|
|
|
|
|
## Installation
|
|
|
|
|
|
+Install from NPM:
|
|
|
+
|
|
|
```shell
|
|
|
npm install @uppy/react
|
|
|
```
|
|
@@ -22,16 +24,16 @@ import { Dashboard } from '@uppy/react'
|
|
|
|
|
|
The `<Dashboard />` component supports all [`@uppy/dashboard`][] options as props.
|
|
|
|
|
|
-The `<Dashboard />` cannot be passed to a `target:` option of a remote provider or plugins like [`@uppy/webcam`][]. To use other plugins like [`@uppy/webcam`][] with the `<Dashboard />` component, first add them to the Uppy instance, and then specify their `id` in the [`plugins`](/docs/dashboard/#plugins) prop:
|
|
|
+The `<Dashboard />` cannot be passed to a `target:` option of a remote provider or plugins such as [`@uppy/webcam`][]. To use other plugins like [`@uppy/webcam`][] with the `<Dashboard />` component, first add them to the Uppy instance, and then specify their `id` in the [`plugins`](/docs/dashboard/#plugins) prop:
|
|
|
|
|
|
```js
|
|
|
-// Do this wherever you initialize Uppy, eg. in a React component's constructor method.
|
|
|
+// Do this wherever you initialize Uppy, e.g., in a React component's constructor method.
|
|
|
// Do NOT do it in `render()` or any other method that is called more than once!
|
|
|
uppy.use(Webcam) // `id` defaults to "Webcam"
|
|
|
uppy.use(Webcam, { id: 'MyWebcam' }) // `id` is… "MyWebcam"
|
|
|
```
|
|
|
|
|
|
-Then in `render()` do:
|
|
|
+Then add the following to `render()`:
|
|
|
|
|
|
```js
|
|
|
<Dashboard
|