---
title: Drag and Drop
layout: example
type: examples
order: 1
---

{% blockquote %}
Here you'll see a demo of how you might set up Drag and Drop 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 dragdrop/app.html %}

<p>
  Along with this JavaScript:
</p>
{% include_code lang:js dragdrop/app.es6 %}

<p>
  And the following CSS:
</p>
{% include_code lang:css dragdrop/app.css %}
