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

{% blockquote %}
Drag & 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="css/app.css">
<% include html/app.html %>
<script src="js/app.js"></script>

<hr />

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

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

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

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

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

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