Violin.css

Form Field File: Default 

<div class="inv-form-field ">
    <label for="default" class="inv-label ">
        Input File label
        <small></small>
    </label>

    <div class="inv-input-file ">
        <label for="input-file" class="inv-input-file__text ">
            <span>Enviar arquivo</span>
            <i class="material-icons inv-input-file-icon ">file_upload</i>
        </label>
        <input id="input-file" type="file" />
        <button class="inv-clear-input" disabled>
            <i class="material-icons">clear</i>
        </button>
    </div>

    <div class="inv-form-text ">

    </div>
</div>
 
<div class="inv-form-field {{ formField.modifier }}">
  {{#if label.show}}
    {{> @label}}
  {{/if}}

  {{> @input-file}}

  {{> @form-text}}
</div>
 
{
  "label": {
    "value": "Input File label",
    "show": true,
    "for": "default"
  },
  "input-file": {
    "placeholder": "Enviar arquivo"
  },
  "clear-input": {
    "disabled": true
  },
  "input": {
    "for": "default"
  }
}

There are no notes for this item.