You are currently on Anvil1, which is now in maintenance mode. Visit Anvil2 to get the latest version of the design system.
Default Spinner
The most basic implementation of a spinner.
Sizes
Use a different size spinner depending of the size of content you need to reflect a loading state for. For example, a full page load could use a large spinner while a small area such as an input can only fit a tiny spinner.
Spinner Container
Use a container around a spinner when implementing above a section of content or page. See Mask for more examples.
Related Components
- To block out an area of content, use a Mask
Importing
import { Spinner } from '@servicetitan/design-system';