reacto-loader
Version:
A sleek, high-performance Loader component designed for seamless integration into both React and React Native/Expo applications.
71 lines (60 loc) • 2 kB
TypeScript
import React$1 from 'react';
interface BaseLoaderProps {
size?: number;
primaryColor?: string;
secondaryColor?: string;
speed?: number;
}
interface CircularLoaderProps extends BaseLoaderProps {
thickness?: number;
backgroundOpacity?: number;
}
interface BounceLoaderProps extends Omit<BaseLoaderProps, "size"> {
dotCount?: number;
dotSize?: number;
dotSpacing?: number;
bounceHeightFactor?: number;
}
interface DotsLoaderProps extends Omit<BaseLoaderProps, "size"> {
dotCount?: number;
dotSize?: number;
dotSpacing?: number;
scaleRange?: [number, number, number];
}
interface FadeLoaderProps extends BaseLoaderProps {
dotCount?: number;
dotSize?: number;
radius?: number;
}
interface GridLoaderProps extends Omit<BaseLoaderProps, "size"> {
gridSize?: number;
squareSize?: number;
gap?: number;
}
interface WaveLoaderProps extends Omit<BaseLoaderProps, "size"> {
barCount?: number;
barWidth?: number;
barSpacing?: number;
minHeight?: number;
maxHeight?: number;
}
interface MorphingShapesLoaderProps extends BaseLoaderProps {
shapeSize?: number;
morphDuration?: number;
glowIntensity?: number;
}
interface MatrixLoaderProps extends Omit<BaseLoaderProps, "primaryColor" | "secondaryColor"> {
columns?: number;
characters?: string;
dropSpeed?: number;
color?: string;
}
declare const BounceLoader: React.FC<BounceLoaderProps>;
declare const CircularLoader: React$1.FC<CircularLoaderProps>;
declare const DotsLoader: React$1.FC<DotsLoaderProps>;
declare const FadeLoader: React$1.FC<FadeLoaderProps>;
declare const GridLoader: React.FC<GridLoaderProps>;
declare const MatrixLoader: React.FC<MatrixLoaderProps>;
declare const MorphingShapesLoader: React.FC<MorphingShapesLoaderProps>;
declare const WaveLoader: React.FC<WaveLoaderProps>;
export { BounceLoader, CircularLoader, DotsLoader, FadeLoader, GridLoader, MatrixLoader, MorphingShapesLoader, WaveLoader };