Vue Inputs are the html input component for the bootstrap 4
import vue from 'vue'
import vueInputs from 'vue-inputs'
Vue.use(vueInputs)
<b-input validate="required" v-model="model" name="input_name" label="Label" placeholder="Placeholder" scope="project">
</b-input>
You can use the below attributes to the elements.
Attribute | Value |
---|---|
val | default value while rendering the compoent |
name | Input name { it is required when using the validation} |
label | Element label |
validate | define your rule to validate the element by vee validate 2.0 |
scope | define the validation scope for the selected form |
- The default input selection and modals are inlcuded.
- More components are in process.
Please make sure to install below dependecnies packages to your node modules
Bootstrap 4.* select2 "bootstrap-multiselect": "^0.9.15" "animate.css": "^4.1.0" "ckeditor4-vue": "^0.2.0" compressorjs": "^1.0.6" o"jquery-datetimepicker": "^2.5.21" "moment": "^2.26.0" "vee-validate": "^2.2.15"