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

Spinner

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.


  • To block out an area of content, use a Mask

Importing

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