Scrim
Scrim
Scrim
is a temporary, semi-transparent layer that makes underlying content less prominent.
Examples
How to use
Accessibility
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.