You are currently on Anvil1, which is now in maintenance mode. Visit Anvil2 to get the latest version of the design system.
components / Status and Feedback

Mask

An overlay mask for a large content area such as a page.

Element Mask

Add a mask over a specific element such as a <Card>. Use a prop to apply border-radius if the mask added to a <Card /> or similar component that has a border-radius applied.

Loading Content Container

The default loading indicator for a Mask is <Spinner />, but you can add your own content for a dialog-like box above the Mask.



Importing

import { Mask } from '@servicetitan/design-system';