Skip to main content

Rotating Square



  render(<RotatingSquare
  visible={true}
  height="100"
  width="100"
  color="#4fa94d"
  ariaLabel="rotating-square-loading"
  wrapperStyle={{}}
  wrapperClass=""
  />)


Props

NameTypeDefaultDescription
ariaLabelstringrotating-square-loadingAria label of the spinner
colorstring#4fa94dColor of the spinner
heightnumber | string100Height of the spinner
strokeWidthnumber | string4Stroke width of the spinner
visiblebooleantrueWhether the spinner is visible
widthnumber | string100Width of the spinner
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.

More examples