# Dialogs
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.
# Usage
A dialog contains two slots, one for its activator and one for its content (default). Good for Privacy Policies.
# API
# Examples
# Props
# Fullscreen
Due to limited space, full-screen dialogs may be more appropriate for mobile devices than dialogs used on devices with larger screens.
# Transitions
You can make the dialog appear from the top or the bottom.
# Persistent
Similar to a Simple Dialog, except that it’s not dismissed when touching outside or pressing esc key.
# Scrollable
Example of a dialog with scrollable content.
# Misc
# Form
Just a simple example of a form in a dialog.
# Loader
The v-dialog
component makes it easy to create a customized loading experience for your application.
# Nesting
Dialogs can be nested: you can open one dialog from another.
# Overflowed
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.