Vue Modal Component API

Align the modal in the center or top of the screen.

Apply a backdrop on body while modal is open.

Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default document.body.

A string of all className you want applied to the modal content component.

Puts the focus on the modal when shown.

Set modal to covers the entire user viewport

Closes the modal when escape key is pressed.

Create a scrollable modal that allows scrolling the modal body.

Size the component small, large, or extra large.

Generates modal using Teleport.

Remove animation to create modal that simply appear rather than fade in to view.

By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false.

Toggle the visibility of alert component.

Callback fired when the component requests to be closed.

Callback fired when the component requests to be closed.

Callback fired when the modal is shown, its backdrop is static and a click outside the modal or an escape key press is performed with the keyboard option set to false.

Sets the aria-label of the close button.

Add a close button component to the header.

Component used for the root node. Either a string to use a HTML element or a component.