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
| Name | Type | Default | 
|---|---|---|
| size Size of the spinner | 
 | "medium" | 
| css Add custom styles to this component. Use with caution. Learn more here: Link | 
 | — | 
| inputFieldCss | 
 | — | 
| data-{foo} Data attributes can be used by testing libraries to retrieve components or assert their existence | 
 | — | 
| * - the prop is required. |