Магазин

Для бизнеса

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.

Select your desired component from below and see the available props, slots, events and functions.

Below is a collection of simple to complex examples.

Если по какой-то причине вы не можете использовать слот активатора, обязательно добавьте модификатор .stop в событие, которое запускает диалог.

Пример диалога с прокручиваемым контентом.

Модификации, которые не помещаются в доступное пространство окна, будут прокручивать контейнер.

Просто простой пример формы в диалоговом окне.

The 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.

Ready for more? Continue reading with:

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!