File Upload Anatomy
Dropzone, trigger, and accepted file list.
Hex doc
Phoenix
Minimal
Drag your file(s) here
<.file_upload name="document" class="file-upload">
<:close>
<.heroicon name="hero-x-mark" />
</:close>
</.file_upload>
With label
Drag your file(s) here
<.file_upload name="document" class="file-upload">
<:label>Files</:label>
<:close>
<.heroicon name="hero-x-mark" />
</:close>
</.file_upload>
Custom slots
Custom dropzone
<.file_upload name="document" class="file-upload">
<:dropzone>
<span>Custom dropzone</span>
</:dropzone>
<:open>
<span>Custom trigger</span>
</:open>
<:close>
<.heroicon name="hero-x-mark" />
</:close>
</.file_upload>