Puff

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

---

This spinner is not supported by Safari. See

---

Props

Name	Type	Default	Description
ariaLabel	string	puff-loading	Aria label of the puff. This is used for accessibility.
color	string	#4fa94d	Color of the puff.
height	number | string	100	Height of the puff .
radius	number | string	1	Radius of the puff. Radius seems to be not working.
visible	boolean	true	Whether the line wave is visible.
width	number | string	100	Width of the puff.
wrapperClass	string		Class name for 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.