How to set margin bottom (`q-mb-md`) to all `q-field` for error label spacing?



  • I base on Vee Validate.
    I would like to keep spacing q-mb-md of all q-field for error label.

        <q-field
          :error="errors.has('name')"
          :error-label="errors.first('name')"
          class="q-mb-md"
        >
          <q-input
            v-validate="rules.name"
            v-model="form.name"
            name="name"
            float-label="Name"
          />
        </q-field>
    

    I do this many times, how to solve?



  • @theara You can simply make the component a wrapper that will translate properties into the QField and events from it to the outside. I do not know how this will work with Vee Validate.

    <q-field v-bind="$props"/>



  • Could you example?