Note: when using the modal-footer slot, the default OK and Cancel buttons will not be present. You can override the modal title via the named slot modal-title, override the header completely via the modal-header slot, and override the footer completely via the modal-footer slot. These features may be disabled by setting the props no-close-on-esc, no-close-on-backdrop, and hide-header-close respectively. supports close on ESC (enabled by default), close on backdrop click (enabled by default), and the X close button in the header (enabled by default). 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. You can customize the size of the buttons, disable buttons, hide the Cancel button (i.e. These buttons can be customized by setting various props on the component. , by default, has an OK and Cancel buttons in the footer.

Launch demo modal Hello from modal! Overview