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=""><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><input type="file" class="ecl-file-upload" data-ecl-file-upload-input=""
    data-ecl-auto-init="FileUpload" disabled="" />
  <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=""><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><input type="file" class="ecl-file-upload ecl-file-upload--invalid"
    data-ecl-file-upload-input="" data-ecl-auto-init="FileUpload" />
  <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=""><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><input type="file" class="ecl-file-upload"
    data-ecl-file-upload-input="" data-ecl-auto-init="FileUpload" />
  <ul class="ecl-file-upload__list" data-ecl-file-upload-list=""></ul>
</div>

Try it yourself on the playground

Playground