Scrim

Also known as

Backdrop, Shade
Available since
@salt-ds/core@1.15.0

Scrim is a temporary, semi-transparent layer that makes underlying content less prominent.

Density
Mode

Use the fixed prop to make the scrim fill the viewport.

A scrim can fill its parent container.

Ensure you have explicitly set a position attribute for the parent container.

You can pass children to a scrim, such as a Spinner to indicate loading state. You can incorporate other elements as children, to display them above the scrim and draw attention to them.