hunk.code_window: import Uppy from '../../../../src/core/Core.js'
   import Dummy from '../../../../src/plugins/Dummy'
   import Tus10 from '../../../../src/plugins/Tus10.js'
   import Modal from '../../../../src/plugins/Modal.js'
   import DragDrop from '../../../../src/plugins/DragDrop.js'
   import GoogleDrive from '../../../../src/plugins/GoogleDrive.js'
   import ProgressBar from '../../../../src/plugins/ProgressBar.js'
  
hunk.labels: keep keep keep replace keep keep keep
hunk.after_edit: import Modal from '../../../../src/plugins/Modal'
  
hunk.file_path: website/src/examples/modal/app.es6
hunk.type: replace
file: ---
  title: Dropbox
  layout: example
  order: 3
  ---
  
  {% blockquote %}
  Here you'll see a demo of how you might set up Dropbox with Uppy.
  {% endblockquote %}
  
  <link rel="stylesheet" href="app.css">
  <% include app.html %>
  <script src="app.js"></script>
  
  <hr />
  
  <p id="console-wrapper">
    Console output (latest logs are at the top): <br />
  </p>
  
  <p>
    On this page we're using the following HTML snippet:
  </p>
  {% include_code lang:html dropbox/app.html %}
  
  <p>
    Along with this JavaScript:
  </p>
  {% include_code lang:js dropbox/app.es6 %}
  
  <p>
    And the following CSS:
  </p>
  {% include_code lang:css dropbox/app.css %}
  