File upload

Drop files, or browse

Drop zone

Drop files here or browsePNG, JPG or PDF, up to 10 MB

Code

<label class="dropzone" for="up-1"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg><b>Drop files here or browse</b><span class="muted">PNG, JPG or PDF, up to 10 MB</span><input type="file" id="up-1" class="sr-only" multiple></label>
<ul class="file-list"></ul>

Compact

Code

<div class="input-group">
  <input id="up-2" name="up-2" type="file" aria-label="Choose a file" class="form-control">
</div>