Vuetify

Boutique

Entreprises

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.

In its simplest form, the v-overlay component will add a dimmed layer over your application.

Sélectionnez le composant désiré ci-dessous afin de voir les props, slots, événements et méthodes disponibles.

Vous trouverez ci-dessous une collection d'exemples simples ou complexes.

Les superpositions absolute sont positionnées de façon absolue et contenues dans leur élément parent.

opacity vous permet de personnaliser la transparence des composants v-overlay.

z-index vous permet de changer facilement l'ordre de pile du composant v-overlay.

Using the v-overlay as a background, add a progress component to easily create a custom loader.

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

Prêt pour plus ? Continuez la lecture avec :

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