File Upload

Replace the default file input with your own HTML content, like a button.


Usage

To apply this component, just add the .form-file class to a container element around a button and an <input type="file"> element. You can also use any other element instead of a button.

Usage

  • Class Description
    .form-file Applies the necessary style to the container and child text and <button>, and <input> elements.
  • You can also use
    text
    .
  • <div class="form-file">
        <button>...</button>
        <input type="file">
    </div>
    
    <div class="form-file">Text<input type="file"></div>