Spinners provide a visual cue that an action is either processing, awaiting a course of change or a result.
Name | Type | Description | Default |
---|---|---|---|
colorScheme | string | - | |
css | Interpolation<{}> | The emotion's css style object | - |
emptyColor | string | The color of the empty area in the spinner | - |
label | string | For accessibility, it is important to add a fallback loading text. This text will be visible to screen readers. | - |
orientation | "horizontal" | "vertical" | - | |
size | string | - | |
speed | string | The speed of the spinner. @example ```jsx <Spinner speed="0.2s"/> ``` | - |
styleConfig | Record<string, any> | - | |
thickness | string | The thickness of the spinner @example ```jsx <Spinner thickness="4px"/> ``` | - |
variant | string | - |