Overlays

The 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 Overlay component will add a dimmed layer over your application.

API

Examples

Absolute

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

Opacity

opacity allows you to customize the transparency of Overlay components.

Color

You can change the color of the overlay using the color prop.

Loader

Using the Overlay as a background, add a progress component to easily create a custom loader.

Ready For More?

Continue to learn more about svelte materialify with content selected by the creator.



Last Updated: 2022-10-03