v-dialog component inform users about a specific task and may contain critical information, require decisions, or involve multiple tasks. Use dialogs sparingly because they are interruptive.
A dialog contains two slots, one for its activator and one for its content (default). Good for Privacy Policies.
Due to limited space, full-screen dialogs may be more appropriate for mobile devices than dialogs used on devices with larger screens.
Similar to a Simple Dialog, except that it’s not dismissed when touching outside.
Example of a dialog with scrollable content.
Just a simple example of a form in a dialog.
v-dialog component makes it easy to create a customized loading experience for your application.
Dialogs can be nested: you can open one dialog from another.
Modals that do not fit within the available window space will scroll the container.
# Without activator
If for some reason you are unable to use the activator slot, be sure to add the
.stop modifier to the event that triggers the dialog.