Three Circles

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

---

Props

Name	Type	Default	Description
ariaLabel	string	three-circles-rotating	ARIA label of the component.
color	string	#4fa94d	Color of the component.
height	number | string	100	Height of the spinner.
innerCircleColor	string		Color of the inner circle. If not set, the color will be the same as the color of the component.
middleCircleColor	string		Color of the middle circle. If not set, the color will be the same as the color of the component.
outerCircleColor	string		Color of the outer circle. If not set, the color will be the same as the color of the component.
visible	boolean	true	Visibility of the component.
width	number | string	100	Width of the spinner.
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.