bootstrap-vue/src/components/popover/fixtures/popover.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">
    <h4 class="mt-sm-4 ms-sm-4 text-muted">Placement</h4>
    <div class="row">
        <div v-for="placement in ['top', 'left', 'right', 'bottom']" :key="placement">
            <b-btn :id="placement" variant="primary">{{ placement }}</b-btn>
            <b-popover :target="placement" triggers="click" :placement="placement" :title="placement">
                {{ placement }}
            </b-popover>
        </div>
    </div>
    <h4 class="mt-sm-4 ms-sm-4 text-muted">Directive</h4>
    <div class="row">
      <b-btn id="directive1" v-b-popover.top.click.viewport="'content'" title="popover" variant="primary">Directive 1</b-btn>
    </div>
</div>