'shadow'
\r\n to the modal content for added effect.\r\n \r\n Modal Footer Content\r\n
\r\nSubmitted Names:
\r\nbutton-size
\r\n prop to\r\n 'sm'
\r\n for small buttons, or\r\n 'lg'
\r\n for larger buttons.\r\n no-stacking
\r\n on the\r\n <b-modal>
\r\n component. This will hide the modal before another modal is shown.\r\n <b-modal>
\r\n from closing (for example when validation fails). you can call the \r\n .preventDefault()
\r\n method of the event object passed to your \r\n ok
\r\n (OK button), \r\n cancel
\r\n (Cancel button), \r\n close
\r\n (modal header close button) and \r\n hide
\r\n event handlers.\r\n Submitted Names:
\r\nsize
\r\n . These sizes kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports. Valid optional sizes are \r\n xs,sm, lg and xl
.\r\n header-bg-variant, header-text-variant, body-bg-variant, body-text-variant, footer-bg-variant, and\r\n footer-text-variant
\r\n props.\r\n v-model
\r\n property is always automatically synced with \r\n <b-modal>
\r\n visible state and you can show/hide using \r\n v-model
.\r\n modal-class=\"modal-{color}\"
\r\n with your \r\n <b-modal>
\r\n to change theme of modal\r\n cancel-disabled
\r\n and \r\n ok-disabled
\r\n props, respectively, to \r\n true
\r\n . Set the prop to \r\n false
\r\n to re-enable the button.\r\n this.$bvModal
\r\n \r\n object. These methods provide a way to generate simple OK and Confirm style modal messages, from anywhere in\r\n your app without having to explicitly place a\r\n \r\n <b-modal>
\r\n component in your pages.\r\n no-fade
\r\n on the \r\n <b-modal>
\r\n component to disable animation. \r\n Vertically center your modal in the viewport by setting the \r\n centered
\r\n prop.\r\n Hide the modal's backdrop via setting the \r\n hide-backdrop
\r\n prop.\r\n 'shadow'
\r\n to the modal content for added effect.\r\n ref
\r\n attribute and then call the \r\n show(), hide()
\r\n or \r\n toggle()
\r\n methods.\r\n