Vortex


  render(<Vortex
  visible={true}
  height="80"
  width="80"
  ariaLabel="vortex-loading"
  wrapperStyle={{}}
  wrapperClass="vortex-wrapper"
  colors={['red', 'green', 'blue', 'yellow', 'orange', 'purple']}
  />)

Props

Name	Type	Default	Description
ariaLabel	string	`vortex-loading`	Specifies the Aria label of the vortex. This label will be applied to the aria-label attribute in the wrapper element.
colors	array	`["red", "green", "blue", "yellow", "orange", "purple"]`	An array of colors to use for the vortex
height	number \| string	`80`	Specifies the height of the vortex SVG. For additional customization, employ the wrapper className.
visible	boolean	`true`	Controls the visibility of the vortex. If set to false, the vortex will not be rendered.
width	number \| string	`80`	Specifies the width of the vortex 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.

Vortex

Props​

Props