RevolvingDot
render(<RevolvingDot visible={true} height="80" width="80" color="#4fa94d" ariaLabel="revolving-dot-loading" wrapperStyle={{}} wrapperClass="" />)
This spinner is not supported by Safari. See
Props
Name | Type | Default | Description |
---|---|---|---|
ariaLabel | string | revolving-dot-loading | Aria label of the rotating dot. It is used for accessibility. |
color | string | #4fa94d | Color of the dot. |
radius | number | string | 6 | Radius of the circle |
secondaryColor | string |
| Color of the circle. If not set, the color will be the same as the primary color. |
strokeWidth | number | string | 6 | Stoke width of the circle |
visible | boolean | true | Visibility of the component. |
wrapperClass | string |
| Class of the wrapper element. It can be used for custom styling. |
wrapperStyle | object | {} | Styles to be applied to the wrapper. It should be a valid CSS object. It can be used for custom styling. It will override the default style. |