Browse Source

Show import paths on React component doc pages.

Renée Kooi 7 years ago
parent
commit
9bc74f3833

+ 4 - 0
website/src/docs/react-dashboard-modal.md

@@ -7,6 +7,10 @@ order: 55
 
 The `<DashboardModal />` component wraps the [Dashboard][] plugin, allowing control over the modal `open` state using a prop.
 
+```js
+import DashboardModal from 'uppy/lib/react/DashboardModal';
+```
+
 <!-- Make sure the old name of this section still works -->
 <a id="Options"></a>
 ## Props

+ 4 - 0
website/src/docs/react-dashboard.md

@@ -7,6 +7,10 @@ order: 54
 
 The `<Dashboard />` component wraps the [Dashboard][] plugin. It only renders the Dashboard inline. To use the Dashboard modal (`inline: false`), use the [`<DashboardModal />`](/docs/react/dashboard-modal) component.
 
+```js
+import Dashboard from 'uppy/lib/react/Dashboard';
+```
+
 ## Props
 
 The `<Dashboard />` component supports all [Dashboard][] options as props.

+ 4 - 0
website/src/docs/react-dragdrop.md

@@ -7,6 +7,10 @@ order: 52
 
 The `<DragDrop />` component wraps the [DragDrop][] plugin.
 
+```js
+import DragDrop from 'uppy/lib/react/DragDrop';
+```
+
 ## Props
 
 The `<DragDrop />` component supports all [DragDrop][] options as props.

+ 4 - 0
website/src/docs/react-progressbar.md

@@ -7,6 +7,10 @@ order: 53
 
 The `<ProgressBar />` component wraps the [ProgressBar][] plugin.
 
+```js
+import ProgressBar from 'uppy/lib/react/ProgressBar';
+```
+
 ## Props
 
 The `<ProgressBar />` component supports all [ProgressBar][] options as props.

+ 4 - 0
website/src/docs/react-statusbar.md

@@ -7,6 +7,10 @@ order: 51
 
 The `<StatusBar />` component wraps the [StatusBar][] plugin.
 
+```js
+import StatusBar from 'uppy/lib/react/StatusBar';
+```
+
 ## Props
 
 The `<StatusBar />` component supports all [StatusBar][] options as props.