Forms

File upload

Try it yourself on the playground

Playground

Multiple uploads

Try it yourself on the playground

Playground

Disabled

<div class="ecl-form-group" data-ecl-file-upload-group=""><input type="file" class="ecl-file-upload"
    data-ecl-file-upload-input="" data-ecl-auto-init="FileUpload" disabled="" /><label
    class="ecl-file-upload__button-container"><span class="ecl-file-upload__button ecl-button ecl-button--primary"
      data-ecl-file-upload-button="" disabled=""></span></label>
  <ul class="ecl-file-upload__list" data-ecl-file-upload-list=""></ul>
</div>

Try it yourself on the playground

Playground

With error

<div class="ecl-form-group" data-ecl-file-upload-group=""><input type="file"
    class="ecl-file-upload ecl-file-upload--invalid" data-ecl-file-upload-input=""
    data-ecl-auto-init="FileUpload" /><label class="ecl-file-upload__button-container"><span
      class="ecl-file-upload__button ecl-button ecl-button--primary" data-ecl-file-upload-button=""></span></label>
  <ul class="ecl-file-upload__list" data-ecl-file-upload-list=""></ul>
</div>

Try it yourself on the playground

Playground

Optional

<div class="ecl-form-group" data-ecl-file-upload-group=""><input type="file" class="ecl-file-upload"
    data-ecl-file-upload-input="" data-ecl-auto-init="FileUpload" /><label
    class="ecl-file-upload__button-container"><span class="ecl-file-upload__button ecl-button ecl-button--primary"
      data-ecl-file-upload-button=""></span></label>
  <ul class="ecl-file-upload__list" data-ecl-file-upload-list=""></ul>
</div>

Try it yourself on the playground

Playground