addons support for input groups

I’ve modified my form-input.vue locally to allow input groups. No real testing has been done outside of my personal use case so no pull request. I’m also pretty sure doing this with named slots would be better to allow for things like checkboxes. I only needed it to add some dollar signs, so this way works for me.

form-input.vue template becomes:

<template>
<div class="input-group">
    <div v-if="addonLeft" v-html="addonLeft" class="input-group-addon"></div>
    <input :type="type" :value="value" :name="name" :id="id || ('b_'+_uid)" :disabled="disabled" ref="input" :is="textarea?'textarea':'input'" :class="['form-control',inputClass]"
        :rows="rows || rowsCount" :placeholder="placeholder" @input="onInput($event.target.value)" @change="onChange($event.target.value)" @keyup="onKeyUp($event)"
        @focus="$emit('focus')" @blur="onBlur()" />
    <div v-if="addonRight" v-html="addonRight" class="input-group-addon"></div>
</div>
</template>

Add props for addonRight and addonLeft…

        addonRight: {
          type: String,
          default: null
        },
        addonLeft: {
          type: String,
          default: null
        },

And then use like this:

<b-form-fieldset label="Price" :label-size="5" horizontal>
  <b-form-input v-model="item.price"addon-left="$"  />
</b-form-fieldset>

[pi0]

@MarZab Thanks for report of typo. Will be fixed in next release soon.

[pi0]

Added in 0.14.0 😃