bootstrap-vue/src/components/form-input/fixtures/form-input.html

BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.

<div id="app">
    <b-form-input v-model="text" placeholder="Enter your name"></b-form-input>

    <b-form-input v-model="textformatter" placeholder="Enter your name" :formatter="format"></b-form-input>

    <b-form-input v-model="textlazy" type="text" placeholder="Enter your name" :formatter="format" lazy-formatter></b-form-input>

    <b-form-input v-model="text" state="valid" placeholder="valid"></b-form-input>

    <b-form-input v-model="text" state="invalid" placeholder="invalid"></b-form-input>

    <b-form-input v-model="text" type="password" placeholder="password"></b-form-input>
</div>