Corex · Elixir Phoenix Framework UI Library

Minimal

Drag your file(s) here

    <.file_upload name="document" class="file-upload">
  <:close>
    <.heroicon name="hero-x-mark" />
  </:close>
</.file_upload>

With label

Files

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>