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.