Skip to main content

Spinner

Spinners represent a loading or processing state.

Example​

Live Editor
<Spinner />
Result
Loading...

Variants​

Sizes​

The Spinner component is available in two sizes: small and medium.

Live Editor
<>
  Small <Spinner size="small" />
  Medium <Spinner size="medium" />
</>
Result
Loading...

Props​

NameTypeDefault
size
Size of the spinner
"small" | "medium"
"medium"
css
Add custom styles to this component. Use with caution. Learn more here: Link
SupportedStyleAttributes
—
inputFieldCss
SupportedStyleAttributes
—
data-{foo}
Data attributes can be used by testing libraries to retrieve components or assert their existence
string
—
* - the prop is required.