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
Status and Feedback
Spinner
A Spinner is used to visually represent a system loading state between 1-10 seconds. A spinner is an indeterminate element that gives a user valuable feedback about the status of the system and can ease the pain of waiting for a task to complete.
Default Spinner
The most basic implementation of a spinner.
<Stack>
<Spinner/>
</Stack>
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.