<e-upload name="upload" placeholder="Click here to select file" button="Select File"></e-upload>

<e-upload name="upload" placeholder="Click here to select file" button="Select File"></e-upload>

<e-upload name="upload" placeholder="Click here to select file" button="Select File" invalid></e-upload>

<e-upload name="upload" placeholder="Click here to select file" button="Select File" invalid></e-upload>

<e-upload name="upload" placeholder="Click here to select file" button="Select File" mediadb="From Media Database" mediadb-callback="alert(&quot;From MediaDb&quot;);" browse="From Computer"></e-upload>

<e-upload name="upload" placeholder="Click here to select file" button="Select File" mediadb="From Media Database" mediadb-callback="alert(&quot;From MediaDb&quot;);" browse="From Computer"></e-upload>

<div class="e-filedrop">
  <div class="e-filedrop__content">
    <div class="text-size-title e-margin-bottom-s">
      Drag and Drop File Here
    </div>
    <div class="e-field text-size-title text-color-shade">
      or
    </div>
    <div class="e-field">
      <a class="e-btn e-btn-primary" href="#">
        Select File
      </a>
    </div>
    <div class="text-color-shade">
      Only .csv files can be imported.
    </div>
  </div>
</div>

<div class="e-filedrop">
  <div class="e-filedrop__content">
    <div class="text-size-title e-margin-bottom-s">
      Drag and Drop File Here
    </div>
    <div class="e-field text-size-title text-color-shade">
      or
    </div>
    <div class="e-field">
      <a class="e-btn e-btn-primary" href="#">
        Select File
      </a>
    </div>
    <div class="text-color-shade">
      Only .csv files can be imported.
    </div>
  </div>
</div>

<div class="e-filedrop e-filedrop-over">
  <div class="e-filedrop__content">
    <div class="text-size-title e-margin-bottom-s">
      Drag and Drop File Here
    </div>
    <div class="e-field text-size-title text-color-shade">
      or
    </div>
    <div class="e-field">
      <a class="e-btn e-btn-primary" href="#">
        Select File
      </a>
    </div>
    <div class="text-color-shade">
      Only .csv files can be imported.
    </div>
  </div>
</div>

<div class="e-filedrop e-filedrop-over">
  <div class="e-filedrop__content">
    <div class="text-size-title e-margin-bottom-s">
      Drag and Drop File Here
    </div>
    <div class="e-field text-size-title text-color-shade">
      or
    </div>
    <div class="e-field">
      <a class="e-btn e-btn-primary" href="#">
        Select File
      </a>
    </div>
    <div class="text-color-shade">
      Only .csv files can be imported.
    </div>
  </div>
</div>

<div class="e-filedrop e-filedrop-overlay e-filedrop-over">
  <div class="e-filedrop__content">
    <e-icon icon="e-cloud-upload" size="middle"></e-icon>
    <div class="text-size-title">
      Drag and Drop File Here
    </div>
  </div>
</div>

<div class="e-filedrop e-filedrop-overlay e-filedrop-over">
  <div class="e-filedrop__content">
    <e-icon icon="e-cloud-upload" size="middle"></e-icon>
    <div class="text-size-title">
      Drag and Drop File Here
    </div>
  </div>
</div>