Scrim

Scrims are used to apply loading visualizations on top of specific sections of content.

Overview

Scrims are an overlay, which can be placed on top of content to show disabled or loading states, and/or contain top level content in the interface.

Light and dark modes have their own distinct overlay color, and a loading property places Loader in the center for convenience.

Usage

  • Disable an area of the interface
  • Show loading of an area of the interface

Sample

API reference

Properties

Slots

Styles

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.