Violin.css

Form Field File: File Name 

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

    <div class="inv-input-file inv-input-file--selected">
        <label for="input-file" class="inv-input-file__text ">
            <span>file.txt</span>
            <i class="material-icons inv-input-file-icon ">file_upload</i>
        </label>
        <input id="input-file" type="file" />
        <button class="inv-clear-input">
            <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
  },
  "input-file": {
    "placeholder": "file.txt",
    "modifier": "inv-input-file--selected"
  },
  "clear-input": {
    "disabled": false
  }
}

There are no notes for this item.