Fidget Spinner

  render(<FidgetSpinner
  visible={true}
  height="80"
  width="80"
  ariaLabel="fidget-spinner-loading"
  wrapperStyle={{}}
  wrapperClass="fidget-spinner-wrapper"
  />)

---

Props

Name	Type	Default	Description
ariaLabel	string	fidget spinner-loading	Specifies the Aria label of the fidget spinner. This label will be applied to the aria-label attribute in the wrapper element.
backgroundColor	string	"#F4442E"	Background color of the spinner
ballColors	array	["#ff0000", "#00ff00", "#0000ff"]	Array of colors for the balls
height	number | string	80	Specifies the height of the fidget spinner SVG. For additional customization, employ the wrapper className.
visible	boolean	true	Controls the visibility of the fidget spinner. If set to false, the fidget spinner will not be rendered.
width	number | string	80	Specifies the width of the fidget spinner SVG. For further customization, utilize the wrapper className.
wrapperClass	string	undefined	Assigns a className to the wrapper for custom styling, overriding the default style.
wrapperStyle	object	{}	Applies styles to the wrapper. It should be a valid CSS object and can be used for custom styling, overriding the default style.

More Example

---