bootstrap-vue/src/components/input-group/fixtures/input-group.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-input-group ref="basic" prepend="$" append=".00">
        <b-input></b-input>
    </b-input-group>

    <b-input-group ref="components">
        <b-input-group-text slot="prepend">$</b-input-group-text>
        <b-input></b-input>
        <b-btn slot="append">AA</b-btn>
    </b-input-group>

    <b-input-group ref="large" size="lg"></b-input-group>

    <b-input-group ref="small" size="sm"></b-input-group>

    <b-input-group ref="tags" tag="fieldset">
        <b-input-group-prepend tag="span">$</b-input-group-prepend>
        <b-input></b-input>
    </b-input-group>
</div>