Vuetify

Магазин

Для бизнеса

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.

Выберите нужный компонент ниже и посмотрите доступные параметры, слоты, события и функции.

Ниже приведена коллекция простых и сложных примеров.

Если по какой-то причине вы не можете использовать слот активатора, обязательно добавьте модификатор .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.

Готовы к большему? Продолжить чтение с:

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