Modal

BootstrapVue Modal Reference (opens new window)

Demo

Code

<div>
  <b-button v-b-modal.modal-1>Launch demo modal</b-button>
  <b-modal id="modal-1" title="BootstrapVue" centered no-fade>
    <p class="my-4">Hello from modal!</p>
  </b-modal>
</div>

Plugin config

const BV_CONFIG = {
  BModal: {
    centered: true,
    noFade: true
  }
}

Vue.use(BootstrapVue, BV_CONFIG);