Rings

  render(<Rings
  visible={true}
  height="80"
  width="80"
  color="#4fa94d"
  ariaLabel="rings-loading"
  wrapperStyle={{}}
  wrapperClass=""
  />)

This spinner is not supported by Safari. See

---

Props

Name	Type	Default	Description
ariaLabel	string	rings-loading	The aria label of the component. This is used by screen readers to identify the component.
color	string | string	#4fa94d	The color of the component.
height	number | string	80	The height of the component.
radius	number | string	6	The radius of the component.
visible	boolean	true	The visibility of the component.
width	number | string	80	The width of the component.
wrapperClass	string		The 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.