Violin.css

# Form Field File: Error Uploaded

Ready

- HTML
- View
- Context
- Info
- Notes

`

    <div class="inv-form-field ">
        <label for="error" class="inv-label ">
          Input File label
          <span>- obrigatório</span>
        </label>

        <div class="inv-input-file inv-input-file--selected inv-input-file--error">
            <label for="input-file" class="inv-input-file__text inv-input-file__text--error">
          <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 inv-form-text--error">
            Mano, o arquivo selecionado é inválido
        </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": "- obrigatório",
        "for": "error"
      },
      "input-file": {
        "placeholder": "file.txt",
        "modifier": "inv-input-file--selected inv-input-file--error",
        "text": {
          "modifier": "inv-input-file__text--error"
        }
      },
      "clear-input": {
        "disabled": null
      },
      "form-text": {
        "value": "Mano, o arquivo selecionado é inválido",
        "modifier": "inv-form-text--error"
      }
    }

`

- Handle: @form-field-file--error-uploaded
- Variants (8): Default , Active , File Name , Long File Name , Disabled , Error , Error Uploaded , Error Active
- Preview:
  - With layout
  - Component only
- Filesystem Path: src/components/form-field-file/form-field-file.hbs
- References (3): @label, @input-file, @form-text

There are no notes for this item.