react-loader-spinner/dist/three-circles.d.ts

react-spinner-loader provides simple React.js spinner component which can be implemented for async wait operation before data load to the view.

import { FunctionComponent, CSSProperties } from 'react';

/**
 * Props for the ThreeCircles loader component.
 *
 * The ThreeCircles loader displays three circles with animated movement patterns.
 *
 * @interface ThreeCirclesProps
 */
interface ThreeCirclesProps {
    /** Height of the SVG (number interpreted as px). */
    height?: string | number;
    /** Width of the SVG (number interpreted as px). */
    width?: string | number;
    /** Primary color applied to the loader. */
    color?: string;
    /** Color of the outer circle. Overrides default color. */
    outerCircleColor?: string;
    /** Color of the middle circle. Overrides default color. */
    middleCircleColor?: string;
    /** Color of the inner circle. Overrides default color. */
    innerCircleColor?: string;
    /** Accessible label announced to screen readers. */
    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;
}
/**
 * @description contains three circles rotating in opposite direction
 * outer circle, middle circle and inner circle color can be set from props.
 */
declare const ThreeCircles: FunctionComponent<ThreeCirclesProps>;

export { ThreeCircles };