Violin.css

# Form Field Map: Search Value Disabled

Ready

- HTML
- View
- Context
- Info
- Notes

`

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

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

                <img src="https://raw.githubusercontent.com/involvestecnologia/violin.css/master/public/assets/images/map.png" alt="">

            </div>
            <div class="inv-input-map__search">
                <input id="" name="" type="text" class="inv-input " value="Restaurante Paixão de Frutos do Mar" 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": true,
        "disabled": null,
        "search": {
          "visible": true
        },
        "modifier": "inv-input-map--disabled"
      },
      "input": {
        "placeholder": "Adicionar localização",
        "value": "Restaurante Paixão de Frutos do Mar"
      },
      "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
    }

`

- Handle: @form-field-map--search-value-disabled
- Variants (8): Default , Selected , Search Empty , Search Value , Search Disabled , Search Value Disabled , Search Empty Error , Search Value Error
- Preview:
  - With layout
  - Component only
- Filesystem Path: src/components/form-field-map/form-field-map.hbs
- References (3): @label, @input-map, @form-text

There are no notes for this item.