Enhance some fields design for more effective forms

This commit is contained in:
Bubka
2022-09-14 11:07:22 +02:00
parent acdaa73e62
commit b44c6958e3
5 changed files with 46 additions and 6 deletions

View File

@ -2,7 +2,16 @@
<div class="field" :class="{ 'pt-3' : hasOffset }">
<label :for="this.inputId(inputType,fieldName)" class="label" v-html="label"></label>
<div class="control">
<input :disabled="isDisabled" :id="this.inputId(inputType,fieldName)" :type="inputType" class="input" v-model="form[fieldName]" :placeholder="placeholder" v-bind="$attrs" v-on:change="$emit('field-changed', form[fieldName])"/>
<input
:disabled="isDisabled"
:id="this.inputId(inputType,fieldName)"
:type="inputType"
class="input"
v-model="form[fieldName]"
:placeholder="placeholder"
v-bind="$attrs"
v-on:change="$emit('field-changed', form[fieldName])"
/>
</div>
<field-error :form="form" :field="fieldName" />
<p class="help" v-html="help" v-if="help"></p>