Violin.css

Form Field File: Disabled 

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

    <div class="inv-input-file inv-input-file--disabled">
        <label for="input-file" class="inv-input-file__text inv-input-file__text--disabled">
            <span>Enviar arquivo</span>
            <i class="material-icons inv-input-file-icon inv-input-file-icon--disabled">file_upload</i>
        </label>
        <input id="input-file" type="file" disabled />
        <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,
    "posfix": "- desabilitado",
    "modifier": "inv-label--disabled"
  },
  "input-file": {
    "placeholder": "Enviar arquivo",
    "modifier": "inv-input-file--disabled",
    "text": {
      "modifier": "inv-input-file__text--disabled"
    },
    "icon": {
      "modifier": "inv-input-file-icon--disabled"
    },
    "input": {
      "disabled": true
    }
  },
  "clear-input": {
    "disabled": true
  }
}

There are no notes for this item.