<!--
You can `npm run web:update-frontpage-code-sample` to render this code snippet and
save it as a layout partial
-->
<figure class="highlight js"><figcaption><span>app.es6</span><a href="/examples/dragdrop/app.es6">view raw</a></figcaption><table><tr><td class="code"><pre><span class="line"><span class="keyword">import</span> Uppy <span class="keyword">from</span> <span class="string">'uppy/core'</span></span><br><span class="line"><span class="keyword">import</span> { DragDrop, Tus10 } <span class="keyword">from</span> <span class="string">'uppy/plugins'</span></span><br><span class="line"></span><br><span class="line">const uppy = new Uppy({wait: false})</span><br><span class="line">const files = uppy</span><br><span class="line">  .use(DragDrop, {selector: <span class="string">'#upload-target'</span>})</span><br><span class="line">  .use(Tus10, {endpoint: <span class="string">'http://master.tus.io:8080/files/'</span>})</span><br><span class="line">  .run()</span><br><span class="line"></span><br><span class="line">console.log(<span class="string">'Uppy '</span> + uppy.type + <span class="string">' loaded'</span>)</span><br></pre></td></tr></table></figure>
