On this page

Spinner

Use spinners to let users know that content is being loaded.
  • Alpha
  • Not reviewed for accessibility
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.
Loading

Examples

Small

Loading

Large

Loading

Props

Spinner

NameTypeDefaultDescription
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