---
title: Drag and Drop
type: examples
order: 2
---

{% blockquote %}
Drag &amp; Drop
{% endblockquote %}

<p>
Here you'll see a demo of how you might set up Drag and Drop with Uppy:
</p>

<link rel="stylesheet" href="dragdrop/src/css/app.css">
<% include dragdrop/src/html/app.html %>
<script src="dragdrop/static/js/app.js"></script>

<hr />

<p>
  On this page we're using the following HTML snippet:
</p>

{% include_code lang:html dragdrop/src/html/app.html %}

<p>
  Along with this JavaScript:
</p>

{% include_code lang:js dragdrop/src/js/app.js %}

<p>
  And the following CSS:
</p>

{% include_code lang:css dragdrop/src/css/app.css %}
