File Upload

Drag and drop or click to upload files with preview and progress indication.

Default Drop Zone

Large dashed border area for dragging and dropping files.

Drag & drop files here

or

SVG, PNG, JPG or GIF (max. 800x400px)

With File List

Drop zone with a list of uploaded files showing progress.

Drag & drop files here

or

banner-hero.png 2.4 MB
presentation.pdf 8.1 MB
demo-video.mp4 24.7 MB

Compact

Small inline button for attaching files.

Image Preview

Drop zone for images with a preview grid below.

Drop images here

PNG, JPG or WebP up to 10MB

Drag Active State

Visual feedback when files are being dragged over the drop zone.

Release to upload