Spinner

A Spinner can appear alone or paired with a loading message. It can be used as a placeholder for content or to indicate some action is being processed.

For more on loading state design, see our loading guidelines.

React examples

Default

<Spinner />

Custom size

<Stack direction="horizontal" align="center">
  <Spinner size="large" />
  <Spinner size="medium" />
  <Spinner size="small" />
</Stack>

Props

Related links

• Loading guidelines
• SkeletonLoaders