Usage: Single line text field

<template>
  <form @submit.prevent="storeProduct">
    <bs-text :label="Product Name" :errors="errors.name" v-model="product.name"></bs-text>
    <button type="submit" class="btn btn-primary">Save</button>
  </form>
</template>

<script>
import BootstrapText from "@cuimingda/bs-text"
export default {
  data: function() {
    return {
      errors: {},
      product: {}
    }
  },
  components: {
    'bs-text': BootstrapText
  }
}
</script>

Usage: Multi line text area

<template>
  <form @submit.prevent="updateBookmark">
    <bs-text :multiline="true" :rows="5" :label="Description" :errors="errors.description" v-model="bookmark.description" @submit="updateBookmark"></bs-text>
    <button type="submit" class="btn btn-primary">Save</button>
  </form>
</template>

<script>
import BootstrapText from "@cuimingda/bs-text"
export default {
  data: function() {
    return {
      errors: {},
      bookmark: {}
    }
  },
  components: {
    'bs-text': BootstrapText
  }
}
</script>