Dialogs

Designate a custom activator when the activator slot is not used. String can be any valid querySelector and Object can be any valid Node.

Specifies which DOM element that this component should detach to. String can be any valid querySelector and Object can be any valid Node. This will attach to the root v-app component by default.

Applies a custom class to the detached element. This is useful because the content is moved to the beginning of the v-app component (unless the attach prop is provided) and is not targettable by classes passed directly on the component.

Применить в компоненте тёмную тему. Вы можете найти больше информации в документации Material Design для [тёмных тем оформления] (https://material.io/design/color/dark-theme.html).

Disables the ability to open the component.

Will force the components content to render on mounted. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO.

Changes layout for fullscreen display.

Hides the display of the overlay.

Detaches the menu content inside of the component as opposed to the document.

Applies the light theme variant to the component.

Sets the maximum width for the component.

Disables the bounce effect when clicking outside of a v-dialog's content when using the persistent prop.

Designates whether component should activate when its activator is hovered.

Sets the transition origin on the element. You can find more information on the MDN documentation for transition origin.

Sets the overlay color.

Sets the overlay opacity.

Clicking outside of the element will not deactivate it.

Tab focus will return to the first child of the dialog by default. Disable this when using external tools that require focus such as TinyMCE or vue-clipboard.

When set to true, expects a v-card and a v-card-text component with a designated height. For more information, check out the scrollable example.

Sets the component transition. Can be one of the built in transitions or one your own.

Controls whether the component is visible or hidden.

Sets the width for the component.

При использовании активируется компонент при нажатии (или наведение на определённые компоненты). Это вручную останавливает распространение события. Без этого слота, если вы откроете компонент через свою модель, вам нужно будет вручную остановить распространение события

Слот Vue по умолчанию.

Event that fires when clicking outside an active dialog.

Обновлённая связанная модель

Event that fires when key is pressed. If dialog is active and not using the persistent prop, the esc key will deactivate it.