Spinner

Spinners represent a loading or processing state.

Example

Live Editor

<Spinner />

<Spinner />

Result

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

Live Editor

<>
  Small <Spinner size="small" />
  Medium <Spinner size="medium" />
</>

<>
  Small <Spinner size="small" />
  Medium <Spinner size="medium" />
</>

Result

Name	Type	Default
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.