Modal | Vue mobile modal
Modalsarestreamlined,butflexibledialogpromptspoweredbyJavaScriptandCSS.Theysupportanumberofusecasesfromusernotificationtocompletelycustomcontentandfeatureahandfulofhelpfulsub-components,sizes,variants,accessibility,andmore.
Modals are streamlined, but flexible dialog prompts powered by JavaScript and CSS. They support a number of use cases from user notification to completely custom content and feature a handful of helpful sub-components, sizes, variants, accessibility, and more.
<div> <b-button v-b-modal.modal-1>Launch demo modal</b-button> <b-modal id="modal-1" title="BootstrapVue"> <p class="my-4">Hello from modal!</p> </b-modal> </div> Overview<b-modal>, by default, has an OK and Cancel buttons in the footer. These buttons can be customized by setting various props on the component. You can customize the size of the buttons, disable buttons, hide the Cancel button (i.e. ok-only), choose a variant (e.g. danger for a red OK button) using the ok-variant and cancel-variant props, and provide custom button content using the ok-title and cancel-title props, or using the named slots modal-ok and modal-cancel.
...