File upload dropzone

File upload dropzone allows users to upload single or multiple files to the application by dragging and dropping.

File upload dropzone allows users to upload content from their computer or device into the application by dragging a file (or files) into a target zone.

Example

Drag and Drop CSV here
HTML
<div class="file-drop-zone w-100">
<div class="my-5 text-center fg-primary">
  Drag and Drop CSV here
</div>
</div>

Disabled State

Add the .disabled class to the file-drop-zone.

Drag and Drop CSV here
HTML
<div class="file-drop-zone disabled w-100">
<div class="my-5 text-center fg-primary">
  Drag and Drop CSV here
</div>
</div>