Skip to main content

Three Dots



  render(<ThreeDots
  visible={true}
  height="80"
  width="80"
  color="#4fa94d"
  radius="9"
  ariaLabel="three-dots-loading"
  wrapperStyle={{}}
  wrapperClass=""
  />)


Props

NameTypeDefaultDescription
ariaLabelstringthree-dots-loadingAria label of the component
colorstring#4fa94dColor of the spinner
heightnumber | string80Height of the component
radiusnumber9Radius of the spinner
visiblebooleantrueVisibility of the component
widthnumber | string80Width of the spinner
wrapperClassstringClass name 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.