react-loader-spinner
Version:
react-spinner-loader provides simple React.js spinner component which can be implemented for async wait operation before data load to the view.
33 lines (30 loc) • 1.3 kB
TypeScript
import { FunctionComponent, CSSProperties } from 'react';
/**
* Props for the BallTriangle loader component.
*
* The BallTriangle loader displays three animated balls positioned at the corners
* of a triangle. Each ball moves in a circular path, creating a dynamic triangular
* loading animation with smooth rotation and scaling effects.
*
* @interface BallTriangleProps
*/
interface BallTriangleProps {
/** Height of the SVG (number interpreted as px). Defaults to 100. */
height?: string | number;
/** Width of the SVG (number interpreted as px). Defaults to 100. */
width?: string | number;
/** Primary color applied to the balls. Defaults to DEFAULT_COLOR. */
color?: string;
/** Radius of each ball in the triangle. Defaults to 5. */
radius?: string | number;
/** Accessible label announced to screen readers. Defaults to 'ball-triangle-loading'. */
ariaLabel?: string;
/** Inline style object applied to the wrapper element. */
wrapperStyle?: CSSProperties;
/** CSS class applied to the wrapper for custom styling. */
wrapperClass?: string;
/** When false, the loader is not rendered. Defaults to true. */
visible?: boolean;
}
declare const BallTriangle: FunctionComponent<BallTriangleProps>;
export { BallTriangle };