Skip to main content

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

NameTypeDefaultDescription
ariaLabelstringrevolving-dot-loadingAria label of the rotating dot. It is used for accessibility.
colorstring#4fa94dColor of the dot.
radiusnumber | string6Radius of the circle
secondaryColorstringColor of the circle. If not set, the color will be the same as the primary color.
strokeWidthnumber | string6Stoke width of the circle
visiblebooleantrueVisibility of the component.
wrapperClassstringClass of the wrapper element. It can be used for custom styling.
wrapperStyleobject{}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.