Vuetify

Магазин

Для бизнеса

The v-overlay component is used to provide emphasis on a particular element or parts of it. It signals to the user of a state change within the application and can be used for creating loaders, dialogs and more.

В своей простой форме компонент v-overlay добавит затемненный слой над вашим приложением.

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

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

absolute overlays are positioned absolutely and contained inside of their parent element.

opacity allows you to customize the transparency of v-overlay components.

z-index gives you the ability to easily change the stack order of the v-overlay component.

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

Using the v-hover, we are able to add a nice scrim over the information card with additional actions the user can take.

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

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