oa/documentation/elements/forms/file/file-base-documentation.md

Input File

Vuero provides default styles for file inputs, in case you need a control to upload a single file in your forms. File inputs can look like upload buttons. Please refer to markup for more details about usage.

<template>
  <VField grouped>
    <VControl>
      <div class="file">
        <label class="file-label">
          <input
            class="file-input"
            type="file"
            name="resume"
          >
          <span class="file-cta">
            <span class="file-icon">
              <i class="fas fa-cloud-upload-alt" />
            </span>
            <span class="file-label"> Choose a file… </span>
          </span>
        </label>
      </div>
    </VControl>
  </VField>
</template>

Choose a file…

Choose a file…

Choose a file…

Choose a file…