Skip to main content

Rotating Triangles



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

--- ## Props

NameTypeDefaultDescription
ariaLabelstringrotating-triangels-loadingSpecifies the Aria label of the rotating-triangels. This label will be applied to the aria-label attribute in the wrapper element.
colorsobject['#1B5299', '#EF8354', '#DB5461'],Customize colors of the component.
heightnumber | string80Specifies the height of the rotating-triangels SVG. For additional customization, employ the wrapper className.
visiblebooleantrueControls the visibility of the rotating-triangels. If set to false, the rotating-triangels will not be rendered.
widthnumber | string80Specifies the width of the rotating-triangels SVG. For further customization, utilize the wrapper className.
wrapperClassstringundefinedAssigns a className to the wrapper for custom styling, overriding the default style.
wrapperStyleobject{}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