Spinner

Use spinners to let users know that content is being loaded.

On this page

This documentation is moving to a new home. Please update any link or bookmark that points to this page. The new content can be found here.

<Spinner />

<Spinner />

Examples

<Spinner size="small" />

<Spinner size="small" />

<Spinner size="large" />

<Spinner size="large" />

Name	Type	Default	Description
size	'small' \| 'medium' \| 'large'		Sets the width and height of the spinner.
srText	string \| null	Loading	Sets the text conveyed by assistive technologies such as screen readers. Set to `null` if the loading state is displayed in a text node somewhere else on the page.
aria-label Deprecated	string		Sets the text conveyed by assistive technologies such as screen readers.
data-*	string
sx	SystemStyleObject