Skip to main content

Ball Triangle



  render(<BallTriangle
  height={100}
  width={100}
  radius={5}
  color="#4fa94d"
  ariaLabel="ball-triangle-loading"
  wrapperStyle={{}}
  wrapperClass=""
  visible={true}
  />)


Props

NameTypeDefaultDescription
ariaLabelstringball-triangle-loadingSpecifies the Aria label of the ball-triangle. This label will be applied to the aria-label attribute in the wrapper element.
heightnumber | string80Specifies the height of the ball-triangle SVG. For additional customization, employ the wrapper className.
visiblebooleantrueControls the visibility of the ball-triangle. If set to false, the ball-triangle will not be rendered.
widthnumber | string80Specifies the width of the ball-triangle 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.