File upload

Lorem ipsum dolor sit amet, consectetur adipiscing elit cras ultrices lectus sem.

Default file input

HTML

  
    
      <label class="fb jc un zn gs">
        Default file input
      </label>
      <input
        type="file"
        class="bj fr kr vp cr yd cg rh qi un vo xo mp op pp rp tp up wp yp zp dr lr mr"
        />
    
  

Upload a File

HTML

  
    
      <label class="fb jc un zn gs">
        Upload a File:
      </label>
      <input
        type="file"
        class="yd qh ni bj yk vo xo np qp sp vp xp _p aq cq dq fr hr kr lr mr"
        />
    
  

Attachments

HTML

  
    
      <label class="fb jc un zn gs">
        Attachments
      </label>
      <div class="h">
        <label for="file" class="xd yd cg lc mg pg qh ni aj ej zk">
          <div>
            <input type="file" name="file" id="file" class="d">
            <span class="va fb ed je lc mg pg th ni bj nj">
              <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.5013 11.666C2.96154 11.666 3.33464 12.0391 3.33464 12.4993V15.8327C3.33464 16.0537 3.42243 16.2657 3.57871 16.4219C3.73499 16.5782 3.94695 16.666 4.16797 16.666H15.8346C16.0556 16.666 16.2676 16.5782 16.4239 16.4219C16.5802 16.2657 16.668 16.0537 16.668 15.8327V12.4993C16.668 12.0391 17.0411 11.666 17.5013 11.666C17.9615 11.666 18.3346 12.0391 18.3346 12.4993V15.8327C18.3346 16.4957 18.0712 17.1316 17.6024 17.6004C17.1336 18.0693 16.4977 18.3327 15.8346 18.3327H4.16797C3.50493 18.3327 2.86904 18.0693 2.4002 17.6004C1.93136 17.1316 1.66797 16.4957 1.66797 15.8327V12.4993C1.66797 12.0391 2.04106 11.666 2.5013 11.666Z" fill="#3056D3"></path>
                 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.41074 1.91009C9.73618 1.58466 10.2638 1.58466 10.5893 1.91009L14.7559 6.07676C15.0814 6.4022 15.0814 6.92984 14.7559 7.25527C14.4305 7.58071 13.9028 7.58071 13.5774 7.25527L10 3.67786L6.42259 7.25527C6.09715 7.58071 5.56951 7.58071 5.24408 7.25527C4.91864 6.92984 4.91864 6.4022 5.24408 6.07676L9.41074 1.91009Z" fill="#3056D3"></path>
                 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0013 1.66602C10.4615 1.66602 10.8346 2.03911 10.8346 2.49935V12.4994C10.8346 12.9596 10.4615 13.3327 10.0013 13.3327C9.54106 13.3327 9.16797 12.9596 9.16797 12.4994V2.49935C9.16797 2.03911 9.54106 1.66602 10.0013 1.66602Z" fill="#3056D3"></path>
              </svg>
           </span>
           <span>
              Drag &amp; drop or
              <span class="_n mo"> browse </span>
           </span>
          </div>
        </label>
      </div>