react-loader-spinner/dist/circles-with-bar.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 } from 'react';
import { S as Style } from './type-tOFxIAIx.js';

/**
 * Props for the CirclesWithBar loader component.
 *
 * The CirclesWithBar loader displays two circles rotating in opposite directions
 * with animated wave bars inside. The outer circle, inner circle, and bar colors
 * can be customized independently for a dynamic loading animation.
 *
 * @interface CirclesWithBarProps
 */
interface CirclesWithBarProps {
    /** 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 default elements. Defaults to DEFAULT_COLOR. */
    color?: string;
    /** Color of the outer rotating circle. Overrides default color. */
    outerCircleColor?: string;
    /** Color of the inner rotating circle. Overrides default color. */
    innerCircleColor?: string;
    /** Color of the animated wave bars. Overrides default color. */
    barColor?: string;
    /** Accessible label announced to screen readers. Defaults to 'circles-with-bar-loading'. */
    ariaLabel?: string;
    /** Inline style object applied to the wrapper element. */
    wrapperStyle?: Style;
    /** CSS class applied to the wrapper for custom styling. */
    wrapperClass?: string;
    /** When false, the loader is not rendered. Defaults to true. */
    visible?: boolean;
    /**
     * Provide multiple colors to render a gradient instead of solid colors.
     * When 2 or more colors are supplied a gradient will be applied to the elements.
     */
    colors?: string[];
    /** Type of gradient (linear or radial). Defaults to linear. */
    gradientType?: 'linear' | 'radial';
    /** Angle (in degrees) applied via rotate() transform for linear gradients. */
    gradientAngle?: number;
}
/**
 * @description contains two circles rotating in opposite direction
 * and a wave bars. outer circle, inner circle and bar
 * color can be set from props.
 */
declare const CirclesWithBar: FunctionComponent<CirclesWithBarProps>;

export { CirclesWithBar };