The 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.
Wählen Sie unten Ihren gewünschte Komponente aus und sehen Sie die verfügbaren Attribute, Slots, Ereignisse und Funktionen.
Unten finden Sie eine Sammlung einfacher bis komplexer Beispiele.
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.
Similar to a Simple Dialog, except that it's not dismissed when touching outside.
Example of a dialog with scrollable content.
Modals that do not fit within the available window space will scroll the container.
Just a simple example of a form in a dialog.
The v-dialog component makes it easy to create a customized loading experience for your application.
Due to limited space, full-screen dialogs may be more appropriate for mobile devices than dialogs used on devices with larger screens.
Dialogs can be nested: you can open one dialog from another.