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.

Usage

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

API

v-overlay

Examples

Loader

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

Advanced

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

Edit this page | language on Github