Violin.css

Form Field Map: Search Disabled 

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

    <div class="inv-input-map inv-input-map--disabled">
        <div class="inv-input-map__preview">

            <i class="material-icons">map</i>

        </div>
        <div class="inv-input-map__search">
            <input id="" name="" type="text" class="inv-input " value="" placeholder="Adicionar localização" disabled />
            <i class="material-icons inv-input-icon inv-input-icon--disabled">
                flag
            </i>
            <button class="inv-clear-input" disabled>
                <i class="material-icons">clear</i>
            </button>
        </div>
    </div>
    <div class="inv-form-text ">

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

  {{> @input-map}}

  {{> @form-text}}
</div>
 
{
  "input-map": {
    "img": "https://raw.githubusercontent.com/involvestecnologia/violin.css/master/public/assets/images/map.png",
    "selected": false,
    "disabled": false,
    "search": {
      "visible": true
    },
    "modifier": "inv-input-map--disabled"
  },
  "input": {
    "placeholder": "Adicionar localização"
  },
  "input-icon": {
    "icon": "flag",
    "modifier": "inv-input-icon--disabled"
  },
  "clear-input": {
    "disabled": true
  },
  "label": {
    "value": "Input File Map",
    "posfix": "- desabilitado",
    "show": true,
    "modifier": "inv-label--disabled"
  },
  "disabled": true
}

There are no notes for this item.