Duskmoon UI v10.0.11
Theme
File Upload dm_file_upload
## Overview File upload component wrapping the `el-dm-file-upload` custom element. Renders a drag-and-drop file upload zone with optional image previews, file type restrictions, size limits, and multiple file support. ## Usage ```elixir <.dm_file_upload accept="image/*" multiple show_preview /> ``` Access files via JavaScript: ```javascript const upload = document.getElementById('my-upload'); upload.addEventListener('change', () => { console.log('Files:', upload.files); }); ```

Basic File Upload

Image Upload with Preview

Document Upload with Limits

Drop PDF or Word documents here (max 5MB, up to 3 files)

Size Variants

Small upload zone
Medium upload zone (default)
Large upload zone

Compact Layout

Disabled State

Upload is disabled